我真的尝试过我所知道的一切,所以我希望这里有人可以帮助我^^
我正在构建一个包含基于bootstrap的不同部分的html-webpage(http://www.stollhoferfest.at/test.php)。一切都很好,直到我添加了我的最后一个名为“dirndljumping”的重要部分。不知何故,这部分的空白部分覆盖了部分(“kuppeltrophy”)之前。
任何人都可以告诉我为什么它不会附加在“kuppeltrophy”的末尾吗?
答案 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