[分享]css加浮动属性就不显示了

有时候在使用CSS时会遇到浮动属性不显示的问题，这时候我们需要找出问题所在，进行修正。常见的问题有： 代码段1 { float:left; } 代码段2 { overflow:hidden; } 这两...

有时候在使用CSS时会遇到浮动属性不显示的问题，这时候我们需要找出问题所在，进行修正。常见的问题有：

代码段1
{
   float:left;
}
代码段2
{
   overflow:hidden;
} 

这两种情况经常会出现问题，如果代码段1浮动属性不起作用，可能是因为该元素没有设置宽度或者该元素所在的父元素没有指定高度，导致子元素无法正常浮动。解决的方法是要给该元素设置宽度或者给该元素所在的父元素添加clearfix类，来解决该问题。

如果代码段2中元素没有设置浮动属性，却出现了浮动属性不起作用的问题，一般可以增加overflow:hidden属性来解决该问题。overflow:hidden可以使得父元素包含子元素，该属性还可以使得父元素高度自适应，解决浮动元素高度塌陷问题。

总之，在使用浮动属性时，需要多做测试，找出问题所在并进行修正，避免出现不必要的错误。