页脚背景不在html中显示整页

Question

嗨，在下面的代码中我想让背景颜色显示全宽。当我给出宽度为100％但它没有显示。 任何人都可以帮助我

＆＃13;

＆＃13;

.footer {
color:#EEEEE; 
font-style:italic;
position: relative;
  
  float: left;
  width: 100%;
  padding-bottom: 2px;
  min-height: 43px;

background:#000000;
}
.footer .container{
background:#000000;
width:100%;
}
.footer p{
margin:0;
color:#ffffff;
font-size:15px;
font-weight:600;
float:left
text-align:center
}

＆＃13;

<div class="footer">
    <div class="container">
        <p>Address:- D-000, Text Text, Text. Text, Text (Text), Text-000 0000, Text <br>
Mobile : +91 000-000-0000 Phone : + 0000 0000 0000 Fax : + 0000 0000 0000 <br>
Email: abc@gmail.com</p>
        <p>Copyright &copy; 2015 OLISVELL, Inc.</p>
    </div>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您的标记应如下所示。

Answer 2

此处body采用8px的默认margin，删除它将解决问题。设置

body {
margin: 0; 
}

请参阅以下屏幕截图：

Answer 3

嗨现在习惯于css重置。

.footer {
color:#EEEEE; 
font-style:italic;
position: relative;
  
  float: left;
  width: 100%;
  padding-bottom: 2px;
  min-height: 43px;

background:#000000;
}
body, html{margin:0;padding:0;}
.footer .container{
background:#000000;
width:100%;
}
.footer p{
margin:0;
color:#ffffff;
font-size:15px;
font-weight:600;
float:left
text-align:center
}

<div class="footer">
    <div class="container">
        <p>Address:- D-000, Text Text, Text. Text, Text (Text), Text-000 0000, Text <br>
Mobile : +91 000-000-0000 Phone : + 0000 0000 0000 Fax : + 0000 0000 0000 <br>
Email: abc@gmail.com</p>
        <p>Copyright &copy; 2015 OLISVELL, Inc.</p>
    </div>
</div>

  

What Is A CSS Reset?

Answer 4

问题是您的页脚包含在另一个限制其宽度的元素中。拿出来，就像这样：

<div class="bann-bot">
    ... <!-- where the footer used to be (about 3 levels deep) -->
</div>
<!-- where the footer needs to be -->
<div class="footer">
    ...
</div>

然后根据需要添加样式。希望我帮忙！