Question

页面底部留有很大的空白区域。我不确定它是如何到达的或它来自何处。我查看了index.php文件和我的各种css文件，但我找不到任何内容，或者我忽视了某些内容

如果有人能帮助我弄清楚它是什么以及如何摆脱它，我会很感激。

谢谢！

网站位于：http://nova.wolfie-sims.com/index.php/main/index

Answer 1

从margin-bottom: 100%;元素

中删除ul

{
  float: right;
  padding-top: 60px;
  margin-left: 40px;
  /* margin-bottom: 100%; */
  padding-right: 30px;
  width: 200px;
}

Answer 2

问题是margin-bottom: 100%设置在您的<ul>上，组成了右侧的菜单。当我把它关闭时，底部多余的空白区域自行排除。

Answer 3

您正在ul元素中使用margin，因为它将来自哪个边距。

<ul style="width: 200px; padding-right: 30px; margin-bottom: 100%; margin-left: 40px; padding-top: 60px; float: right;" class="nav nav-pills nav-stacked">

从此代码中删除边距底部，所有内容都应该适用于wine。希望这可以帮助你

Answer 4

有一个保证金底部：100％应用于右侧边栏。这是一种内联样式。你可以在标记中看到。

<ul class="nav nav-pills nav-stacked" style="margin-bottom: 100%;">
    <li></li>
    <li></li>
    ...
    ...
    <li></li>
</ul>

从边栏标记（ul）中删除margin-bottom的内联样式：100％，如上所示。这将解决您的问题。

页面底部的大空白区域

4 个答案: