Q&A
＞縦向き固定のヘッダー
「サイドナビ」をキーワードにするとそれなりに情報が見つかるかと思います。
twitterのこのような縦向き固定のヘッダーを作成したいのですが、
application.html.erb
rb
1 <body> 2 <p class="notice"><%= notice %></p> 3 <p class="alert"><%= alert %></p> 4 <%= render "common/header" %> 5 <%= yield %> 6 </body>
common/_header.html.erb
rb
1<div class = "nav"> 2 <div class = "nav__logo" > 3 <%= link_to(root_path) do %> 4 <%= image_tag 'blog_logo.png', class: "main_logo" %> 5 <% end %> 6 </div> 7</div>
scss
回答1件
0
コードがないので適当です。
そしてレスポンシブも考えてないので適時修正してください。
scss
1body { 2 width: 70%; 3 position: absolute; 4 top: 0; 5 right: 0; 6 7 .nav { 8 width: 30%; 9 position: fixed; 10 top: 0; 11 left: 0; 12 } 13}
投稿2020/09/04 02:44
総合スコア10429
あなたの回答
tips
プレビュー
