floatによる横並び

  • css
  • 閲覧699
<style>
.div_float:after {
    content: '';
    display: table;
    clear: both;
}
.div_float .cell {
    border: 1px solid black;
    float: left;
}
</style>

<div class="div_float">
    <div class="cell">aaa</div>
    <...

///*** 無料ユーザー登録後、正常なすべてのコードが表示されます ***///

					

css floatによる横並び

コードの説明
注意点

親要素 :after に 「content」「display」「clear」要素を追加する。
または親要素に clearfix を指定する。