Question

我需要一些帮助我的页脚，它横向过度扩展，我已经将宽度设置为100％所以它理论上应该是页面的大小。任何帮助将不胜感激。

HTML

set @workingDays = (SELECT COUNT(DateData) FROM DateRange
                   WHERE DATEPART(dw, DateData) not in (1, 7)
                   OPTION (MAXRECURSION 0))

CSS

<footer>
<p>Mandurah Jetty Maintenance | Copyright &copy 2017</p>
</footer>

Answer 1

添加box-sizing:border-box; 将padding or border properties添加到element时，默认情况下会增加该元素的width和height。因此，通过添加box-sizing:border-box，这会阻止increment在后续div上保持指定填充和边框的状态。

box-sizing属性用于更改默认的CSS框模型用于计算元素的宽度和高度。

＆＃13;

footer{
padding: 20px;
color: #ffffff;
background-color: #333;
text-align: center;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
overflow: hidden;
box-sizing:border-box; /*Add this*/
}

＆＃13;

<footer>
<p>Mandurah Jetty Maintenance | Copyright &copy 2017</p>
</footer>

＆＃13;

Answer 2

如果您的意思是页脚未到达页面的最左侧/右侧，请将您的CSS更改为：

footer {
padding: 20px, 0px, 0px, 0px; //Top, right, bottom, left
color: #ffffff;
background-color: #333;
text-align: center;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
overflow: hidden;
}

页脚过度扩展

2 个答案: