1

親divにパディングを与える必要がありますが、パディングをdisplay:table追加width:100%すると水平スクロールバーが発生するため、親divをパディング付きでブラウザに全幅にする方法(スクロールバーなし)?

これが私のコードです

.tbl{
    display:table;
    width:100%; padding:10px;
    background:#C99 
}
.row{
    display:table-row;
    width:100%
}
.cell{
    display:table-cell;
    border:solid 1px black  
}

フィドル

4

1 に答える 1

1

慣れているbox-sizing

.tbl{
box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}

ライブデモ

ボックスサイズの詳細

Box モジュールの詳細

于 2013-04-15T07:41:27.750 に答える