显示：表格宽度+填充给滚动条

我需要给父母的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/ –

显示：表格宽度+填充给滚动条

回答

相关问题