如何使用CSS删除页面的下边距

时间:2014-08-29 14:25:01

标签: php html css css3

请参阅此页:

http://artezanatostudio.com/index.php

请注意,底部底部下方有一个边距。到目前为止,我所有摆脱它的努力都失败了。我试图使用:

body, html { margin: 0; padding: 0; }
#footer { margin: 0; padding: 0; }

我甚至尝试过:

#footer { margin: -50px; }

一切都无济于事。

虽然页面有很多CSS文件,但我正在编辑以尝试删除底部空间的两个重要文件是

site_above /包括/模板/ ZENN / CSS / style.css中

site_above /包括/模板/ ZENN / CSS /样式ci.css

如果你可以提供任何线索来帮助我,那么这会阻止我过早地变得大胆,你会对你帮助一个疯了的人感到满意。

提前致谢。

8 个答案:

答案 0 :(得分:5)

    #footer > div.row {
       margin-bottom: 0px;
    }

答案 1 :(得分:0)

问题来自的样式表是style-ci.css,而特殊规则是在.row div上。

卸下:

div.row{
    margin-bottom: 26px;
}

并使其为margin-bottom:0px;

注意:使用Chrome开发工具确实很容易理解!!

答案 2 :(得分:0)

试试这个:

div.row {
font-family: MuseoSans-Reg, Verdana, Geneva, sans-serif;
color: #7f7f7f;
margin-bottom: 0px;
}

这里的关键是margin-bottom已更改为0px

您是否使用具有体面网络检查员的浏览器?我能够使用Chrome网站开发人员控制台在10秒内找到它。

答案 3 :(得分:0)

当然可以有更好的解决方案,但目前你可以尝试:

#footer {
    overflow: hidden;
}

答案 4 :(得分:0)

在页脚内部有一个带有类行的div。它有26px的保证金底部。删除此值并解决您的问题。

div.row {
   font-family: MuseoSans-Reg, Verdana, Geneva, sans-serif;
   color: #7f7f7f;
}

您也可以将其设置为零,但如果没有必要,我建议您将其删除。

答案 5 :(得分:0)

请从 Style-ci.css(第86行)

中删除margin-bottom: 26px;

即按以下方式更改div.row css

div.row {
       font-family: MuseoSans-Reg, Verdana, Geneva, sans-serif;
       color: #7f7f7f;
}

答案 6 :(得分:0)

<div class="row"><div id="footer">删除margin-bottom: 26px;

答案 7 :(得分:0)

您可以自己轻松地看到这一点。

如果您使用的是Mozilla Firefox / Chrome:

  1. 右键单击您遇到问题的元素
  2. 选择最后一个选项 - 检查元素(或与其类似的内容)
  3. 开始将鼠标悬停在弹出的代码中的元素上,看看是什么让额外空间出现在那里!
  4. 当您通过右侧显示的相关CSS样式时,您很快就会发现额外边距的位置。

    在这种情况下,元素div.row中已经提到的每个人都是:

    div.row {
        font-family: MuseoSans-Reg,Verdana,Geneva,sans-serif;
        color: #7F7F7F;
        margin-bottom: 26px;
    }
    

    希望它有所帮助!