如何在div中將瀏覽器的寬度設置為100％？

Question

我基本上有一個內容div，它的寬度設置為1000。在我的內容div中，我也有一個頁腳div。 如果我將頁腳div設置為width：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
}

加入，調味料，邊緣，鹽和胡椒。

小提琴： http : //jsfiddle.net/9rjskuon/

Answer 2

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

.footer{
    width: 100vw;
}

然后將其放置在您需要的位置，但是頁腳不應該使用它。 首先，應將頁腳放在包裝紙外面。