在IE7中向列表项底部的额外空间发出问题

时间:2011-10-11 10:49:37

标签: internet-explorer-7

IE7中的问题是底部的额外空间用于列表项,其中在FF中工作正常。

Code:

    <ul class="sub_menu">
      <li><a href="#">Link1</a></li>
      <li><a href="#">Link2</a></li>
      <li><a href="#">Link3</a></li>
      <li><a href="#">Link4</a></li>
    </ul>

CSS:
ul{
   margin:0 0 20px 0;
   padding:0;
}
ul.sub_menu li {
    background:#E8E8E8;
    border-bottom: 1px solid #E5E4E4;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 0 10px;
}

有人可以帮我解决这个问题吗?

提前致谢。

1 个答案:

答案 0 :(得分:0)

在li中添加“overflow:hidden”解决了我的问题。

CSS:
overflow:hidden

我不确定但有时添加溢出:可见也适用于IE7。

任何人都可以澄清确切的原因吗​​?

由于