如大多数人所知,
具有5px填充的100%div实际上是100%+ 10px宽。
一个明显的解决方案是wrap the child div in a wrapper that has a 10px margin
但是此方法需要您添加额外的标记,我正在寻找一种无需额外的div即可100%填充的方法。
有任何想法吗?
最佳答案
像<div>
这样的块元素在填充后会自动采用100%的宽度。即您只需指定填充即可实现所需的效果,将宽度保留在auto
上,并确保该元素具有display: block
(<div>
的默认设置)。
http://jsfiddle.net/EMYBm/8/