页面底部的额外空白区

时间:2016-10-10 20:12:54

标签: html css

我有一些额外的空间出现在网站的底部,不知道如何。有谁知道造成这种情况的原因是什么?

http://192.99.37.125/~maggiemcflys/our-story/

目标是移除额外的空白区域。

1 个答案:

答案 0 :(得分:1)

将CSS更改为以下内容: -

#content {
    bottom: -5px;
    padding: 0 10% 0 30%;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

我添加了底部:-5px以移除空间。

问题与以下代码行有关: -

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all"></div>

它造成了空白区域。

特别是以下CSS: -

.ui-datepicker {
    margin: 5px auto 0;
}