ts0818 https://blog.hatena.ne.jp/ts0818/ ts0818のブログ https://ts0818.hatenablog.com/ HTML/CSS 職場の先輩から、Angular2 RC6リリースの話を聞き、Angularの勉強もせねばと思いましたが、cssのfloatで大ハマりしたのでメモメモ。 floatは要素の高さを揃えないと崩れます 今回、ulのli要素にfloat:left;をしたのですが、見事に崩れました。 html <ul> <li><a href=""><img src="image/01.png"></a></li> <li><a href=""><img src="image/02.png"></a></li> <li><a href=""><img src="image/03.png"></a></li> <li><… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fts0818.hatenablog.com%2Fentry%2F2016%2F09%2F06%2F015819" title="cssのfloatでハマったので - ts0818のブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.blog.st-hatena.com/images/theme/og-image-1500.png Hatena Blog https://hatena.blog 2016-09-06 01:58:19 rich https://ts0818.hatenablog.com/entry/2016/09/06/015819 1.0 100%