任何人都可以告诉我为什么我的html部分被覆盖?

时间:2017-02-02 10:12:29

标签: jquery html css

我真的尝试过我所知道的一切,所以我希望这里有人可以帮助我^^

我正在构建一个包含基于bootstrap的不同部分的html-webpage(http://www.stollhoferfest.at/test.php)。一切都很好,直到我添加了我的最后一个名为“dirndljumping”的重要部分。不知何故,这部分的空白部分覆盖了部分(“kuppeltrophy”)之前。

任何人都可以告诉我为什么它不会附加在“kuppeltrophy”的末尾吗?

3 个答案:

答案 0 :(得分:0)

您的部分不是块元素,您只需修复此部分,您需要为每个部分设置float:left,例如

#about {
 float:left;
}

答案 1 :(得分:0)

嗯,你有没有检查过你的媒体查询,因为这个空白区域的尺寸变小了?

另外,我可以看到你有

<section id="about" class="container content-section text-center">

占用1170x1306px,顶部填充250。我猜你有一些css用于容器类或者已经转移到它的东西并且正在增加填充或尺寸。

如果这有帮助,请告诉我!如果您还没有尝试过,请始终尝试在浏览器中使用“检查”功能。这将有助于了解您可能没有抓到的不同领域的情况。

祝你好运,

杰克

答案 2 :(得分:0)

我可以看到你在你的页面中使用了twitter-bootstrap。因此,为了很好地渲染部分,您需要将每个部分包装到引导程序SELECT DISTINCT table_num FROM medium ORDER BY id ASC -- Here ------------------------------------------^ 中并将这两行包装到引导程序row中:

container-fluid