我有一个宽度为 512px 的 DIV。然后在那个 DIV 里面是另一个 DIV。我将 THAT DIV 的宽度设置为 100%。然而,这不是我想要的。
我正在努力使它保持在 div 内。就像所有边上的 5px 填充一样。
我有一个宽度为 512px 的 DIV。然后在那个 DIV 里面是另一个 DIV。我将 THAT DIV 的宽度设置为 100%。然而,这不是我想要的。
我正在努力使它保持在 div 内。就像所有边上的 5px 填充一样。
发生此问题是因为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%
工作原理,除了padding
和border
被计算在内 width: auto
。
如果#exp_wrap
不需要绝对定位,使用这个:http: //jsfiddle.net/thirtydot/USvTC/2/
我再次删除/width: 100%
并替换为. 我还添加了 to以避免折叠边距。.bar_wrap
#exp_wrap
position:absolute; top:5px; left:5px;
margin: 5px;
overflow: hidden
.container
只需将子元素的宽度设置为宽度 (502) 的 512-(2*5) 像素,而不是 100%。