发布时间：2023-04-14 17:00
先来看一段代码
- 图片
- 图片
- 图片
我们给代码中的div设置好尺寸(与图片大小一致)，并将li设置为左浮动。这时我们会发现图片依然是按列排行。
这是因为当元素所在的位置宽度不够时，使用浮动会到下一行。解决方法就是将UL或者DIV的宽度设置为300%。
其他引起浮动失效的原因：
将浮动元素设置为绝对定位（position:absolute）时，则会出现浮动失效。
如果第一个div左浮动，第二个div不设置浮动，则会出现浮动问题，第一个div左浮动，会脱离文档流，第二个div会将第一个div覆盖。