顯示：表格寬度+填充給滾動條

我需要給父母的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 
}

FIDDLE

來源

2013-04-15 Sowmya

用於box-sizing

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

Live Demo

更多box-sizing

更多關於Box modules

來源

2013-04-15 07:41:27

工作。但是怎麼樣？我的意思是它是如何做到的？ – Sowmya

很酷。謝謝。 – Sowmya

這是盒子模型，你的盒子寬度是寬度+ paddingLeft + PaddingRight + BorderLeft + BorderRight =盒子寬度... http://css-tricks.com/the-css-box-model/ –

顯示：表格寬度+填充給滾動條

回答

相關問題