我必须修复页脚在一个无React的网站。
所有的内容(除了页脚)都放在一个名为.centrado的CSS声明中,它有固定的宽度:
.centrado{
margin:0 auto;
width:1170px;
height:auto;
display:block;
overflow:hidden;
}
我需要一个页脚宽度为100%。它适用于桌面,但不适用于手机。页脚的CSS是:
.pie_de_sitio{
float:left;
width: 100%;
height:auto;
display:flex;
overflow:hidden;
align-items: center;
justify-content: center;
background:#333D4C;
padding:25px 0 25px 0;
margin: 50px 0 0 0;
bottom: 0;
}
在手机里,我在页脚的右边有一个白色,这个空白的宽度大约是手机屏幕的20%。
以下是页脚在手机上的外观:
谢谢
2条答案
按热度按时间0s0u357o1#
尝试将整个网站划分为多个部分,并将每个部分添加到
container
或container-fluid
类中。注意:请确保页脚位于container-fluid
类上。之后,开始修复从上到下的响应,并检查网站,检查哪个部分是溢出,您的页脚将被修复
6gpjuf902#
删除移动的的
float:left
属性,将其设置为none并尝试,然后相应地调整宽度。尝试编写媒体查询以更好地理解。如果这对您不起作用,请告诉我。