3

Firefox (バージョン 20) で、ボタン内の SPAN (または DIV) をボタンの高さいっぱいまで取得するのに問題があります。

http://jsfiddle.net/spiderplant0/BwwuV/

IE10 と Chrome で問題なく動作します。

各ボタンの高さを計算してp​​xで明示的に設定する以外に、これに対する解決策があるかどうかは誰にも分かりますか?

#id1_container {
    display: block; 
    text-decoration: none; 
    cursor: pointer; 
    box-shadow: none;
    background: none;
    -webkit-user-select: none;
    -moz-user-select: none; 
    user-select: none; 
    width: 100px;
    height: 100px;
    padding: 0;
    border: 1px solid green;
}

#id1_container > * {
    display: block;
    height: 100%;
    width: 100%;
    background: pink;
}

<button type="button" id="id1_container"><span>hello</span></button>
4

2 に答える 2

0

のマージンとパディングをリセットしていないのでspan、私にとっては問題のようです。@Rockafella が示唆するように、絶対配置スパンを使用すると機能するため、スパンの幅と高さが 100% であるため、私にとっては理想的ではないようです。そのため、Eric Meyer @ http://meyerweb.com/eric/tools/css/reset/が提供するような、マークアップの前に CSS リセット コードを使用してみてください。

于 2013-04-18T21:13:51.920 に答える