Question

我基本上有一个内容div，其宽度设置为1000.在我的内容div中，我还有一个页脚div。当我将页脚div设置为宽度：100％时，页脚宽度将与内容div一样大。如果它已经在div中，如何将我的页脚缩放到浏览器窗口的100％？

Answer 1

更好地将页脚从容器中移出。

但如果你真的需要这个，那就有工作，但是脆弱的解决方案：

.parent{
    position: static;
}

所有父级到100％宽度的元素必须是静态的。这可能会破坏别的东西，因为position: relative通常很有用。

.closest_el_width_100_percent_width{
    position: relative;
}

并且页脚本身：

footer:{
    position: absolute;
    left: 0;
    right: 0
}

添加，填充，边缘，盐和胡椒味道。

Answer 2

您可以随时使用“vw”代替％（http://www.w3schools.com/cssref/css_units.asp）
所以最后您可以使用

.footer{
    width: 100vw;
}

然后将它放在你需要的地方，但你不需要这个页脚。首先，你应该将你的页脚放在你的包装器之外。