1

总而言之,为跨浏览器编写 CSS 并不是一件容易的事。尤其是 IE 浏览器,我经常发现在 chrome 和 firefox 等其他浏览器中也可以。但不能在 IE 中工作。现在我被困在打击代码中。请帮助审查它。谢谢。http://jsfiddle.net/malaikuangren/Ed9KU/

<div>
<select size="2">
        <option value="0" >0</option>
        <option value="1" >1</option>
        <option value="2" >2</option>
        <option value="3" >3</option>
        <option value="4" >4</option>
        <option value="5" >5</option>
        <option value="6" >6</option>
        <option value="7" >7</option>
        <option value="8" >8</option>
        <option value="9" >9</option>
        <option value="10" >10</option>
        <option value="11" >11</option>
        <option value="12" >12</option>
        <option value="13" >13</option>
        <option value="14" >14</option>
        <option value="15" >15</option>
        <option value="16" >16</option>
      </select>
</div>

div{
    height:500px;
    width:500px;
    border:1px solid red;
    position:relative;
}
select{
    top:0;
    bottom:0;
    position:absolute;   
}
4

2 回答 2

4

将父 div 的高度继承到您的选择标签

喜欢,

select{
    top:0;
    bottom:0;
    position:absolute;
     height: inherit;  // or use 100%
}

检查这个小提琴

于 2013-07-29T13:43:29.343 回答
3

如果您将选择元素的高度设置为inherit100%

于 2013-07-29T13:44:23.120 回答