我有一个宽512px的div。然后在这个div里面是另一个div,我把这个div的宽度设置为100%。但是,这不是我想要的。
我正在努力使它保持在div.内,如在所有方面的5px填充。
http://jsfiddle.net/weka/USvTC/

最佳答案

这个问题之所以发生,是因为paddingborder不是width: 100%的一部分。
假设您确实希望定位#exp_wrap,请使用此:http://jsfiddle.net/thirtydot/USvTC/1/
我删除了width: 100%/.bar_wrap上的#exp_wrap,并在right:5px;上添加了#exp_wrap
块元素(如adiv)默认为width: auto,并占用全部可用水平空间。这与width: 100%的工作原理类似,只是paddingborderwidth: auto中计算。
如果不需要绝对定位#exp_wrap,请使用此:http://jsfiddle.net/thirtydot/USvTC/2/
我再次删除了width: 100%/.bar_wrap上的#exp_wrap,并将position:absolute; top:5px; left:5px;替换为margin: 5px;。我还将overflow: hidden添加到.container以避免折叠边距。

10-05 20:35
查看更多