超出页面布局（高度）的 CSS 边距答案

【问题标题】：css margins exceeding page layout (height)超出页面布局（高度）的 CSS 边距
【发布时间】：2012-05-26 00:08:45
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

在您的 HTML 中，您的 <div id="header"> 包含 <ul id="menu12">。里面有；

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

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

【讨论】：

【解决方案2】：

问题是表头 ul 中的 div.dropdown_3columns 中的表格。

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

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

如果你想看到罪魁祸首：

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

【讨论】：

【解决方案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;
}

【讨论】：