页脚后页脚不一致的额外空格

时间:2017-07-24 13:24:51

标签: jquery html spring-boot twitter-bootstrap-3 thymeleaf

我有一个网站正在运行,我在2天前更新了代码,突然间我只在某个页面上的页脚之后有了这个大空间,其他页面似乎工作得很好。我尝试了一切,但它与填充或bootstraps盒模型无关。无论如何,我使用百里香和jquery。我怀疑它与脚本有关。请在此处查看https://tajili.co.za enter image description here

1 个答案:

答案 0 :(得分:2)

有一个带有类的元素"下拉菜单打开"在form内,属性为action="/classifieds"。它的生成高度为2671px,在它的CSS中它有visiblity: hidden,这仍然会使它占用该空间(而不显示其内容)。

如果您可以删除它并将其替换为" display:none",问题将得到解决。但实际上,由于material-kit.min.css中的规则可能无法更改,因此您必须通过将以下规则添加到自定义CSS来覆盖它:

.btn-group.bootstrap-select .dropdown-menu, .dropdown .dropdown-menu, .dropdown-menu.bootstrap-datetimepicker-widget, .dropup .dropdown-menu {
    visiblity: visible;
    display: none;
}