在IE7下,由于子块width大于父块的宽度,会将这个块撑开,这是overflow: hidden隐藏不住子块超出的内容。

<div class="a">

  <div class="b"></div>

</div>

.a{ width:100px; overflow:hidden}

.b{width:200px;}

这时b内容超出a的部分不能隐藏

解决:

.a{width:100px;overflow:hidden;position: relative;}