0

DIV 内の要素にパディングを追加しようとしています。私の問題は、このパディングを DIV の合計サイズに追加することです。

div で次のコードを使用してこれを停止しようとしています。

box-sizing: border-box;
ms-box-sizing: border-box;
webkit-box-sizing: border-box;
moz-box-sizing: border-box;

Chrome では正常に動作しますが、Firefox ではまだ問題があります。理由がわかりません。

誰でもこれを修正する方法について考えがありますか?

どうもありがとう

4

1 に答える 1

0

div の幅に追加のパディングを追加する場合:

div {
    // In this example total div width is 120px
    // box-sizing: content-box is the default style. No need to specify it.
    width: 100px
    padding: 0 10px;
}

または、総 div 幅のパディング部分を作成する場合:

div { 
    // In this example total div width is 100px
    // support Firefox, WebKit, Opera and IE8+
    -moz-box-sizing: border-box;
    box-sizing: border-box; //always place the standard declaration last, so it overwrites browser specific ones in case they get deprecated  
    width: 100px
    padding: 0 10px;
}
于 2013-09-26T15:15:22.143 に答える