页脚不会在整页上拉伸

时间:2017-01-09 08:20:06

标签: html css footer

所以我一直试图让我的页脚伸展整个页面,但无论出于何种原因,它只与我身体的宽度相匹配。页脚不在体内,我试图使100%宽度没有结果,尝试110%但是向右偏移,尝试移动边距或位置没有运气,边距0,填充0,几乎所有我能想到或发现没有运气的东西。这是我今晚代码明智的结果。

HTML

</body>
 <footer>    
  <?php include ('common/footer_links.php');?> 
 </footer>
</html>

CSS

body {
    padding-top: 50px;
    font: 14px/18px Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #000;
    background-image: url(../images/backgroundtile.png);
    width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

footer{
    clear: both;
    height: 100px;
    background: #333;
    float: none !important;
}

3 个答案:

答案 0 :(得分:0)

页脚不能在体外,如果这样做,它将是一个无效的HTML页面。实际上,页面的所有内容都应该在body标签内。

  LinearLayout ll = ..//your linear layout or any other parent
    final int childcount = ll.getChildCount();
    for (int i = 0; i < childcount; i++) {
        View view = ll.getChildAt(i);
        if (view instanceof Button) {
            view.setEnabled(false);
        }
    }

答案 1 :(得分:0)

试试这个

<html>
<head>
<style>
.body {
    padding-top: 50px;
    font: 14px/18px Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #000;
    background-image: url(../images/backgroundtile.png);
    width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

footer{
    clear: both;
    height: 100px;
    background: #333;
    float: none !important;
}
</style>
</head>
<body>
    <div class="body"></div>
    <footer>    
      <?php include ('common/footer_links.php');?> 
    </footer>
</body>
</html>

答案 2 :(得分:0)

真实结构)

<html>
  <body>
    <section class="content"></section>
    <footer></footer>
  </body>
</html>