html - IE 9 CSS 问题：高度 css 属性问题

Question

我有一个应用于 div 的以下类。

.pageGradientTop_T1 {
    background-color: #E8E8E8;
    border-bottom: 1px solid #F7F7F7;
    border-top: 1px solid #D1D1D1;
    height: 2px;
    margin-bottom: 10px;
}

如果将上述类应用于 div，它将看起来像 3 行，每行 1 像素（一个上边框，一个下边框，中间填充背景颜色），整体看起来像一个渐变。

对于除 IE 之外的所有浏览器，高度属性都可以正常工作。

我不确定为什么 height 属性不适用于 IE。我什至尝试过给出“ min-height: 2px; “但这也没有用。它会自动将 18px 作为最小高度，并且不会低于该高度。但是如果你尝试将高度增加到 18px 以上，它会起作用。

有人可以帮我弄这个吗。

提前致谢

问候， 萨什瓦特

Answer 1

习惯于font-size即

    .pageGradientTop_T1{
    font-size:0;  // for ie
line-height:0;  // for ie
    }

Answer 2

将 line-height 添加到您的类并将其设置为 0px：

.pageGradientTop_T1 { 
    line-height: 0px;
    background-color: #E8E8E8; 
    border-bottom: 1px solid #F7F7F7; 
    border-top: 1px solid #D1D1D1; 
    height: 2px; 
    margin-bottom: 10px; 
}