CSS为图片设定float浮动无效

发布时间:2023-04-14 17:00

先来看一段代码

  • 图片
  • 图片
  • 图片

我们给代码中的div设置好尺寸(与图片大小一致),并将li设置为左浮动。这时我们会发现图片依然是按列排行。

这是因为当元素所在的位置宽度不够时,使用浮动会到下一行。解决方法就是将UL或者DIV的宽度设置为300%。

其他引起浮动失效的原因:

  1. 当元素设置为display:none;时,无法实现浮动。
  2. 将浮动元素设置为绝对定位(position:absolute)时,则会出现浮动失效。

  3. 如果第一个div左浮动,第二个div不设置浮动,则会出现浮动问题,第一个div左浮动,会脱离文档流,第二个div会将第一个div覆盖。

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号