[分享]css3控制div浮动后消失

CSS3中的浮动属性可以帮助我们实现非常灵活的页面布局。无论是左浮动还是右浮动，都可以很好地调整页面的显示效果。但是，当我们需要让某个div浮动后消失时该怎么办呢？这时，我们可以使用CSS3中新添加的...

CSS3中的浮动属性可以帮助我们实现非常灵活的页面布局。无论是左浮动还是右浮动，都可以很好地调整页面的显示效果。但是，当我们需要让某个div浮动后消失时该怎么办呢？这时，我们可以使用CSS3中新添加的一种属性——opacity。

.opacity{
    float:left;
    opacity:0;
} 

在上述代码中，“opacity:0”就是用来控制透明度的属性。在默认情况下，它的值为1，代表完全不透明。当我们将它设置为0时，div就会消失。同时，由于div依然存在于页面中，所以它所占的位置还是会留下来。这时，我们可以再设置一个“display:none”的属性，让它完全消失，不占用任何位置。

.opacity{
    float:left;
    opacity:0;
    display:none;
} 

这样，我们就实现了一个控制div浮动后消失的效果。当然，除了opacity之外，CSS3中还有很多其他的属性可以用来实现同样的效果，比如visibility和height等，大家可以自行了解一下。