使頁腳 div 填充瀏覽器的 100% 寬度

Question

我有這個問題：問題

頂部欄總是填充瀏覽器的寬度（它是引導程序）。 然而底部沒有。 如果設置為 100vw，則它的長度為 9600 像素，最后我會在左側看到一個白色條，隨着查看器寬度的增加而增加。 為其提供與頂部欄相同的 CSS 使其始終保持在視圖中，無論您在頁面上的哪個位置。

我的身體固定在 1440px 寬度。

我希望底部欄像頂部欄一樣，但只有在底部滾動時才能看到。

底部條碼：

<div class="content">
<footer id="myFooter">
    <div class="container">
        <div class="row">
            <div class="col-sm-3">
                <h5>Get started</h5>
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Sign up</a></li>
                    <li><a href="#">Downloads</a></li>
                </ul>
            </div>
            <div class="col-sm-3">
                <h5>About us</h5>
                <ul>
                    <li><a href="#">Company Information</a></li>
                    <li><a href="#">Contact us</a></li>
                    <li><a href="#">Reviews</a></li>
                </ul>
            </div>
            <div class="col-sm-3">
                <h5>Support</h5>
                <ul>
                    <li><a href="#">FAQ</a></li>
                    <li><a href="#">Help desk</a></li>
                    <li><a href="#">Forums</a></li>
                </ul>
            </div>
            <div class="col-sm-3 info">
                <h5>Information</h5>
                <p> Lorem ipsum dolor amet, consectetur adipiscing elit. Etiam consectetur aliquet aliquet. Interdum et malesuada fames ac ante ipsum primis in faucibus. </p>
            </div>
        </div>
    </div>
    <div class="second-bar">
       <div class="container">
            <h2 class="logo"><a href="#"> LOGO </a></h2>
            <div class="social-icons">
                <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
                <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
                <a href="#" class="google"><i class="fa fa-google-plus"></i></a>
            </div>
        </div>
    </div>
</footer>

這個頁腳是我使用的免費示例，因為在瀏覽器中查看時，我的預覽表格中的表格總是會折疊。

是的。 我是菜鳥！ xD

.content {
background-color: #FAEBD7;}

Answer 1

嘗試在任何其他 div 之外獲取頁腳...

<body>
  <nav>menu...</nav>
  <div>some content...<div>
  <footer>footer content..</footer>
</body>

我猜“容器”類在 div 上提供了一些邊距或填充（這就是為什么頁腳沒有 100% 的寬度），將頁腳放在外面或從 div 中刪除容器類...

使頁腳 div 填充瀏覽器的 100% 寬度

問題描述

1 個解決方案

解決方案1
0 2017-09-25 20:00:08

使頁腳 div 填充瀏覽器的 100% 寬度

問題描述

1 個解決方案

解決方案1 0 2017-09-25 20:00:08

解決方案1
0 2017-09-25 20:00:08