4

我有一个宽度为 512px 的 DIV。然后在那个 DIV 里面是另一个 DIV。我将 THAT DIV 的宽度设置为 100%。然而,这不是我想要的。

我正在努力使它保持在 div 内。就像所有边上的 5px 填充一样。

http://jsfiddle.net/weka/USvTC/

4

2 回答 2

4

发生此问题是因为padding并且border不是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%工作原理,除了paddingborder被计算在内 width: auto

如果#exp_wrap不需要绝对定位,使用这个:http: //jsfiddle.net/thirtydot/USvTC/2/

我再次删除/width: 100%并替换为. 我还添加了 to以避免折叠边距。.bar_wrap#exp_wrapposition:absolute; top:5px; left:5px;margin: 5px;overflow: hidden.container

于 2012-05-12T00:04:16.047 回答
1

只需将子元素的宽度设置为宽度 (502) 的 512-(2*5) 像素,而不是 100%。

于 2012-05-11T23:58:39.217 回答