你如何让一个包裹的div水平填充窗口？

我有一个div，它是由另一个960像素宽的居中div所包含的。我为内部div添加了一个背景，它应该水平扩展到窗口的边缘，基本上逃避了其容器的边界。如果我应用一个较大的负边距和相等数量的填充，这将工作在左侧，但右侧会导致滚动条出现。有没有人知道我可以做到这一点，而不会导致滚动条？你如何让一个包裹的div水平填充窗口？

来源

2010-04-26 okalex

为什么你想让INNER div的背景伸展来填充整个窗口？好像你想用OUTER div来做这件事。我理解了这个问题吗？ – 2010-04-26 19:03:56

是的，通常我会这样做，但这是为Wordpress主题，内容由外部div包装。内部div位于内容之内，并且内容中还有其他元素不具备背景。我希望我已经正确地解释了我自己。 – okalex 2010-04-26 19:11:25

感谢大家的帮助，但是这些解决方案中的大多数只是给页面下方的元素定位带来了更多的困难。我最终采取了一种不同的方法，并将需要背景的div移出包装div。这并不理想，因为现在我无法在该内部div中显示任何帖子内容，但它会起作用。干杯， – okalex 2010-04-26 21:49:25

我总是把我的覆盖DIV放在内容包装的外面，这样它就不会受到布局的限制。

如果你装箱（没有双关语意思），你可以使用JavaScript添加这个DIV，把它放在你想要的DOM的任何地方。

来源

2010-04-26 19:06:59

听起来像外部div设置为（或继承）溢出：自动而不是溢出：可见。

来源

2010-04-26 19:13:35 Raugturi

你可以绝对定位的div内：

CSS

.outerdiv { width: 960px; background: #999; height: 50px; } 
.innerdiv { position: absolute; top: 100px; left: 0; background: #ccc; width: 100%; }

HTML

<div class="outerdiv">This is in the outer div 
<div class="innerdiv">This is in the inner div</div> 
</div>

或更好，但移动DIV有文档身体作为它的父。

来源

2010-04-26 19:17:56 Mottie

你如何让一个包裹的div水平填充窗口？

回答

相关问题