我们经常遇到这样的的问题,有一个div里面放着好多个div,里面的div都使用了float属性,而外面那个是负责居中或定位的,没有使用float属性。结果里面的元素都正常显示,就是怎么也看不到外面那个。

如何解决这个问题呢,有两种方法。

1.在外面的div里添加{overflow:hidden;zoom:1;}的属性,但这还不行,必须给它再加个宽度值才能撑得起来。

2.在子元素里添加一行<div style="clear:both;"></div>,缺点是这样有可能会影响其他子元素的显示。