utility-clearfix

u-clearfix

指定された包括要素が閉じられた時点でfloatを解除する。

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。
吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。

この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。

<div class="u-clearfix" style="background-color: #fffadd;">

<div style="float: left; margin-right: 15px;">
    <img src="../images/_dummy/image_02_s.jpg" alt="" width="150">
</div>
<div style="float: left; margin-right: 15px;">
    <img src="../images/_dummy/image_03_s.jpg" alt="" width="150">
</div>
<div style="float: left; margin-right: 15px;">
    <img src="../images/_dummy/image_04_s.jpg" alt="" width="150">
</div>

<p>吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。<br>
吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。</p>

</div>

<p>この書生というのは時々我々を捕えて煮て食うという話である。しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。</p>