Question

好的，我有这段代码：

footer {
    background-color: #359DFF;
    text-align: right;
    text-decoration: overline;
    height: 50px;
    width: 100%;
    padding: 25px;
    margin: 0px;
    bottom: 0px;
    position: absolute;
}

在此页面上： http://ltd.url.ph/ 我在我的学校的网页上工作，但是页脚看起来不适合页面，左边还有间隙，这使得页脚看起来很难看，因为那里有在页面底部开始的白色条纹，不应该在那里。

关于如何修复它并使宽度在所有页面上自行调整的任何想法？宽度：100％不会为我工作。

Answer 1

对于正文样式，添加

padding:0;
margin:0;

然后对于页脚，通过执行此操作来删除右/左填充

padding:25px 0; /*This gives a top/bottom padding of 25px, and a left/right padding of 0.*/

此外，如果您为页脚text-align:center做了，那会更好。

Answer 2

首先，当您添加页脚填充时，将其放大，然后从页脚中删除填充并将其添加到页面。那么你需要从页脚中删除50px的高度。并且为了最终触摸，将p margin设置为0;并将填充设置为：0 25px; 这将在所有浏览器中提供相同的外观，而不需要calc（）和其他奇怪的css规则这是最干净的代码：

footer {
    background-color: #359DFF;
    text-align: right;
    text-decoration: overline;
    width: 100%;
    margin: 0px;
    bottom: 0px;
    position: absolute;
}
footer p{
    margin:0;
    padding:0 25px;
}

并且您不需要额外的div来保持p。

Answer 3

This Should work for you:

html, body{
 -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;

}

body{


 margin: 0;padding:0; float:left; min-width:100%;
}
footer{
background-color: #359DFF;
text-align: right;
text-decoration: overline;
width: 100%;
margin: 0px;
bottom: 0px;
position: absolute;
}footer p{width: 95%;}

关于保证金和头寸属性的CSS问题？

3 个答案: