shikaku https://blog.hatena.ne.jp/shikaku/ shikaku's blog https://blog.systemjp.net/ css floatで横に並んだ要素が足して100%になってはいけない。 98％以下になるように幅を指定する。 ※98％を越える場合、横に並べたいのに、下に並んでしまったりする。 floatした要素には必ず横幅(width)を指定すること。 floatした要素にmarginやpaddingを指定してはいけない。 InternetExplorer6では、marginやpaddingの幅を2倍に計算してしまうバグがある為。 floatした要素にdisplay:inline;を記述するこでと回避できる。 IEは"widthのサイズはpaddingとborderを含めてのサイズ"と誤認している為。 paddin… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.systemjp.net%2Fentry%2F20110804%2Fp6" title="CSS やってはいけないこと floatとは - shikaku&#39;s blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/s/shikaku/20110804/20110804105240.png Hatena Blog https://hatena.blog 2011-08-04 00:00:03 rich https://blog.systemjp.net/entry/20110804/p6 1.0 100%