2017-06-16 103 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拉尔森的原因,感谢我还在努力学习如何编辑在这里/适当的礼仪。 –