More Related Content
More from sayoko miura
Floatの使い方
- 2. float: left 【左に寄せる】 float: right 【右に寄せる】 float: none 【フロートしない】
- 3. floatの解除 .clearfix::after { content: ""; display: block; clear: both; } clear: both; overflow: hidden;① ② ③
- 4. <div class="clearfix”> /*floatさせる要素の直の親要素に付ける */ <div id="main">メイン</div> <div id="side">サイド</div> </div> .clearfix:after { content: ""; display: block; clear: both; } #main { width:480px; float:left; /*左に寄せる*/ } #side { width:200px; float:right; /* 右に寄せる */ } <HTML> <CSS>