css如何清除浮动(三)

在上一篇文章中我们使用clear:both来清除浮动。会使margin失去效果,那如何才能即清除浮动,又不会使margin失效呢?

这就需要使用下面我们介绍的方法隔墙法。我们仍然以同样的例子来清除浮动。

隔墙法的本质就是在div1和div2之间再设置一个div。div作为一个墙,隔开了两部分,两部分都浮动,互不影响。

这里我们将这个div的类设置为clear。对clear这个div设置clear:both,而不在是对div2设置clear:both。如果想让div1和div2之间出现间距的,那么久可以对clear这个div设置高度就可以了。此时我们可以对clear这个div设置一个公共类h10,设置它的高度为10px,就可以出现使div1和div2出现间距。

css如何清除浮动(三)_第1张图片

运行结果:

css如何清除浮动(三)_第2张图片

你可能感兴趣的:(css如何清除浮动(三))