2017-06-16 79 views
-1

低於頁腳空間時,將其最小化到移動size.I作出緣我是新來bootstrap.I一個創建的網站中,我頁腳後得到的空間。 HTML代碼如何刪除HTML網站

body { 
 
    width: 100%; 
 
    background-color: #FF9933; 
 
} 
 

 
#footer_img { 
 
    margin-top: -50px; 
 
    width: 100%; 
 
    height: 60px; 
 
} 
 

 
.container-fluid { 
 
    padding: 0px; 
 
    margin: 0px; 
 
    height: 100%; 
 
} 
 

 
.footer1 { 
 
    height: 100%; 
 
    margin: 0; 
 
} 
 

 
body { 
 
    padding: 0; 
 
    margin: 0; 
 
}
<div class="container-fluid section"> 
 
    <div class="row"> 
 
    <img class="img-responsive" src="images/Content_bg.png" alt="content image" id="content_img"/> 
 
    </div> 
 
</div> 
 

 
<footer class="container-fluid footer1"> 
 
    <img class="img-responsive" src="images/footer2.png" alt="footer image" id="footer_img"/> 
 
</footer>

+0

份額鏈接,這樣我們可以解釋你以更好的方式 –

回答

-1

在頁腳圖像必須綁定到頁面頂部的頁腳形象,其實在它上面。從#footer_img運行中的jsfiddle你的代碼我刪除這兩個邊距和高度,它似乎工作。讓我知道如果它不。

如果我理解你的問題正確的問題是填充沒有出現。在使用

那麼對於初學者引導你只能有一個容器,在這裏你有兩個。

div class="container-fluid section" 

footer class="container-fluid footer1" 

這可能是導致問題的原因。如果未解決,請更正並重新上傳。由於

+0

@Brad拉爾森的原因,感謝我還在努力學習如何編輯在這裏/適當的禮儀。 –