如何提供此元素的完整寬度？

Question

我有這個網站：

http://dl.dg-site.com/functionmentes/

有一個顏色為#D9D9D9的div

代碼CSS：

#full_bar{background:#D9D9D9;width:100%;height:100px;}

我希望我的div是全角網站，並粘貼到頁腳。

我該怎么做？

我在Wordpress中使用主題。

提前致謝！

Answer 1

通過固定位置，這將確保它在用戶上下滾動您的網站時會跟隨用戶。

#full_bar {
    background: #d9d9d9;
    width: 100%;
    height: 100px;
    position: fixed;
    bottom: 0;
    left: 0;
}

Answer 2

如果添加position:absolute; left: 0; position:absolute; left: 0; 對CSS來說，酒吧或多或少會做您想做的事情，但這是一個骯臟的技巧。

真正的問題是您在錯誤的位置（限制寬度的div內）添加了“ full_bar”。 就個人而言，我會選擇將完整條放在您的<footer>標記中。

Answer 3

您應該將灰色條放置在節的外部，節和頁腳之間或html的頁腳上。

但是，如果要使用css解決方案，則需要將父部分設置為相對位置，並將灰色條設置為具有完整寬度的絕對底部：

section {
    position: relative;
    padding-bottom: 100px; // Your bar height
}

#full_bar{
    background:#D9D9D9;
    width:100%;
    height:100px;
    position: absolute;
    bottom: 0;
    left: 0;
}

Answer 4

您正在將#full_bar放在class="container" 。 container是div id＃ full_bar的父full_bar ，這就是為什么它沒有采用全角的原因。 將代碼放在容器容器類之外，就可以看到更改。

請參閱附件，我認為您要這樣做，因為我了解您的問題。