页面底部的空白区域

时间:2013-04-21 17:34:01

标签: html css

请访问this website

底部有一个空白区域。我查了一下,我的css中没有提到最低高度。

我怀疑它的身体css详情如下;

body {
    line-height: 1.5;
    font-size: 87.5%;
    word-wrap: break-word;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0;
    border: 0;
    outline: 0;
    background: none repeat scroll 0 0 #EFEFEF;
}


html, body, #page {
    height: 100%;
}

5 个答案:

答案 0 :(得分:11)

这在Safari 6.0.3;

中删除了我的流血
#footer-wrapper {
    margin-top: 40px;
    background: url("../images/footer.png") repeat-x scroll 0 0;
    overflow: hidden;
}

您可能希望根据其中的内容以不同的方式处理该溢出。但这应该可以解决空白问题。

我通过从DOM自底向上删除节点来解决这个问题。它必须在#footer-wrapper。由于边缘底部不起作用而且你使用了相对定位,我认为这是一些阴影造型流出的元素。

更新(更好的修复)

刚刚找到问题的真正问题;

.clearfix::after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

content: ".";更改为content: "";并将其修复。或者只是删除那种风格,因为在这种情况下它似乎没有用。

答案 1 :(得分:1)

我迟到了这个节目,但它可能有助于我的情况我在顶部有一个空的空间我添加了margin-top = -20px现在底部的空白空间,尝试了几乎我找到的所有建议在这些和许多线程上没有任何东西。决定通过一些HTML验证器运行它有一些没有它们拿起但是在一个人在标签的末尾发现了一个额外的字符(`),就是这样,所以这是用户的笨拙,拿了那个东西现在,我的页面被移动了,取了负边距,一切都很好。所以尝试验证器并寻找类似的东西。

答案 2 :(得分:0)

margin-bottom: 0px;

这样做 Btw ..nice site dude :))

答案 3 :(得分:0)

有时,它是由创建此空白区域的第三方服务创建的一些iframe /对象。就我而言,谷歌Adwords和谷歌分析正在创建这个。所以,我删除了这个CSS:

object[type="application/gas-events-cef"],
iframe[name="google_conversion_frame"] {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

也许您需要为您的案例添加一些额外的规则。希望有所帮助。

答案 4 :(得分:0)

$folderPath = 'D:\Data\Orignal\'
$folderPathDest = 'D:\Data\New\'
$desiredColumns = 'ID','TC', 'POINTS_AT','POINTS_DESC','SURVEYSENT'

Get-ChildItem $folderPath -Name | ForEach-Object { 
    $filePath = $folderPath + $_
    $filePathdest = $folderPathDest + $_

    Import-Csv $filePath |
        Select $desiredColumns |
        Export-Csv -Path $filePathDest -NoTypeInformation
}

让事情变得更艰难,但请尝试

"overflow: hidden"

以便在需要时能够流动。