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タグに継承します

お気に入り、

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

このフィドルをチェックしてください

于 2013-07-29T13:43:29.343 に答える