leftboxの表示位置にboxの内容を入れたいのですが、絶対位置だと画面サイズに変動されてしまうのでうまく表示できません。
HTMLはwrapの中にboxは入れたくないのですが、入れないでleftboxの表示位置にboxを表示させることは可能でしょうか?
可能であれば対処法や構文を教えて頂ければ幸いです。
よろしくお願いします。
HTML
1<div class="box"> 2 ABCD 3</div><!--box--> 4 5<div class="wrap"> 6 <div class="content"> 7 <div class="leftbox"> 8 左サイドボックス 9 ![イメージ説明](98612008f5db2d04e927adafcea9fd48.jpeg)><!--leftbox--> 10 <div class="rightbox"> 11 右サイドボックス 12 </div><!--rightbox--> 13 </div><!--content--> 14</div><!--wrap-->
CSS
1 2 body{ 3margin: 0 auto; 4 margin-right: auto;//ここで中央寄せを指定する。 5 margin-left : auto; 6width100%; 7} 8 9.wrap { 10 overflow: hidden; 11 width100%; 12 margin: 0 auto; 13} 14 15.content{ 16display: block; 17width: 1120px; 18margin: 0 auto; 19text-align: center; 20} 21 22.rightbox{ 23display: inline-block; 24width: 830px; 25height: 500px; 26float: right; 27background:#ccc; 28} 29 30.leftbox{ 31display: inline-block; 32width: 260px; 33height: 500px; 34float: left; 35background:#ccc; 36} 37 38.box{ 39width: 260px; 40height: 200px; 41background:#ff0000; 42} 43
回答3件
あなたの回答
tips
プレビュー