在上一篇文章中我们使用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出现间距。
运行结果: