css 无响应站点的页脚宽度为100%

u3r8eeie  于 2023-03-05  发布在  其他
关注(0)|答案(2)|浏览(111)

我必须修复页脚在一个无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%。
以下是页脚在手机上的外观:

谢谢

0s0u357o

0s0u357o1#

尝试将整个网站划分为多个部分,并将每个部分添加到containercontainer-fluid类中。注意:请确保页脚位于container-fluid类上。
之后,开始修复从上到下的响应,并检查网站,检查哪个部分是溢出,您的页脚将被修复

6gpjuf90

6gpjuf902#

删除移动的的float:left属性,将其设置为none并尝试,然后相应地调整宽度。尝试编写媒体查询以更好地理解。如果这对您不起作用,请告诉我。

相关问题