前提・実現したいこと
現在RubyonRailsでアプリを制作しています。
画面サイズが変わった際、ボックスモデルのサイズも合わせて変わるようにしたいのですが、
上手く反映されず、困っております。
例えば下記コードだと、widhtを指定しているので、画面サイズが変わると、ボックスモデルの間に空白ができてしまうと思います。
どのように書けば画面サイズにあわせて変わるのでしょうか?
ボックスモデル同士は重ならないようにしたいです。
該当のソースコード
【html】 <div class="nav"> </div> <div class="visual"> </div> <div class="inner"> </div> ーーーーーーーーーーーー 【css】 * { margin: 0; padding: 0; box-sizing: border-box; } .clearfix::after { content: ""; display: block; clear: both; } .nav { width: 150px; height: 1800px; background-color: red; float: left; } .visual { width: 505px; height: 100px; background-color: green; float: right; } .inner { width: 505px; height: 800px; background-color: yellow; float: right; }
試したこと
display: inline-block;やmarginなども試してみましたが、うまくいきませんでした。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/03/28 10:14