html - 超出页面布局（高度）的 CSS 边距

Question

这是让我感到沮丧的页面的链接：www.kbay.in

我尝试在 style.css 文件中查找所有内容...'但似乎我总是得到空白结果'...您可以看到页面超出即使在页脚结束后...我不知道是什么它是..任何帮助将不胜感激..

Answer 1

在您的 HTML 中，您的<div id="header">contains <ul id="menu12">. 其中，有；

<li class="menu_right"><div class="dropdown_3columns align_right"><div class="col_1"><table>

在此表中，有大量行导致页面过长。删除它会阻止它尽可能多地拉伸。

Answer 2

问题是标题 ul 中 div.dropdown_3 列中的表。

$('#header #menu12 .dropdown_3columns table').hide()

.dropdown_3columns 似乎在页外（左：-999em）并占据了足够的垂直高度以将您的页面推到页脚下方。

如果你想看到罪魁祸首：

$('#header #menu12 .dropdown_3columns').css('left', 0);

Answer 3

摆脱硬编码的宽度

<div style="width: 1200px; min-width: 1200px;" class="page_margins_search">           

并添加隐藏到这个类的溢出应该可以工作

.page_margins_search{
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
   width: 1200px;
}