Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 页脚过度伸展_Html_Css - Fatal编程技术网

Html 页脚过度伸展

Html 页脚过度伸展,html,css,Html,Css,我需要一些帮助我的页脚,它在水平方向上过度延伸,我已经将宽度设置为100%,所以理论上,它应该是页面的大小。任何帮助都将不胜感激 HTML 添加框大小:边框框 在向元素添加填充或边框属性时,默认情况下,它会增加该元素的宽度和高度。因此,通过添加框大小:边框框这将停止以下div上的增量,仍然保持指定的填充和边框状态 “框大小”属性用于更改默认CSS框模型 用于计算元素的宽度和高度 页脚{ 填充:20px; 颜色:#ffffff; 背景色:#333; 文本对齐:居中; 宽度:100%; 位置:绝对

我需要一些帮助我的页脚,它在水平方向上过度延伸,我已经将宽度设置为100%,所以理论上,它应该是页面的大小。任何帮助都将不胜感激

HTML


添加
框大小:边框框
在向
元素添加
填充或边框属性时,默认情况下,它会增加该元素的
宽度和
高度。因此,通过添加
框大小:边框框
这将停止以下div上的
增量
,仍然保持指定的填充和边框状态

“框大小”属性用于更改默认CSS框模型 用于计算元素的宽度和高度

页脚{
填充:20px;
颜色:#ffffff;
背景色:#333;
文本对齐:居中;
宽度:100%;
位置:绝对位置;
左:0;
底部:0;
溢出:隐藏;
框大小:边框框;/*添加此选项*/
}

曼都拉码头维护|版权和副本2017


添加
框尺寸:边框框
在向
元素添加
填充或边框属性时,默认情况下,它会增加该元素的
宽度和
高度。因此,通过添加
框大小:边框框
这将停止以下div上的
增量
,仍然保持指定的填充和边框状态

“框大小”属性用于更改默认CSS框模型 用于计算元素的宽度和高度

页脚{
填充:20px;
颜色:#ffffff;
背景色:#333;
文本对齐:居中;
宽度:100%;
位置:绝对位置;
左:0;
底部:0;
溢出:隐藏;
框大小:边框框;/*添加此选项*/
}

曼都拉码头维护|版权和副本2017


如果您的意思是页脚没有到达页面的最左边/最右边,请将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;
}

如果您的意思是页脚没有到达页面的最左边/最右边,请将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;
}

你能为你的意思添加一个截图吗?如果页脚一直延伸到边缘,那么过度延伸是什么意思?@EthanBristow是的,在这里,您可以看到页脚延伸使页面水平变长:(.您发现任何修复方法都会非常有用。:)您可以尝试工作休息。这里是说明你能添加你的意思的截图吗?如果页脚一直延伸到边缘,那么过度延伸是什么意思?@EthanBristow是的,在这里,您可以看到页脚延伸使页面水平变长:(.您发现任何修复方法都会非常有用。:)您可以尝试工作休息。这里是@Bailee Hope此帮助。欢迎@Bailee:-)@Bailee Hope此帮助。欢迎@Bailee:-)@Bailee没问题,如果您能通过单击此答案左侧的勾选按钮接受答案,我将不胜感激:)是的,我必须等待10分钟才能这样做,抱歉等待,谢谢again@Bailee没问题,如果你能点击答案左侧的勾选按钮接受答案,我将不胜感激:)是的,我不得不等10分钟才能接受答案,抱歉,再次感谢
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;
}