-6ren">
gpt4 book ai didi

html - 容器 div 不正确...包含

转载 作者:太空宇宙 更新时间:2023-11-04 03:43:43 25 4
gpt4 key购买 nike

当我为页脚快速模拟时,我才注意到这一点。我的 .container 像这样位于页面顶部(在 Firebug 中突出显示为绿色):

enter image description here

这是我的布局文件:

<body class="<%= controller_name %>">
<%= render 'layouts/header' %>

<div class="container">
<%= render 'shared/alerts' %>
<div class="main">
<%= yield %>
</div>

<div class="sidebar">
<%= render 'layouts/sidebar' %>
</div>
</div>

<%= render 'layouts/footer' %>
</body>

这表明它已正确打开和关闭。

唯一应用的 css 是这样的:

.container {
margin: 0 auto;
margin-top: 65px;
}

以及媒体查询中浏览器宽度特定的宽度大小调整。

这意味着布局明智,页脚在技术上是页面上的最后一件事,像这样出现在顶部,因为它在容器下面。然而奇怪的是,.container 中的所有内容都以 margin: 0 auto 适本地居中。我不知道发生了什么。

最佳答案

您需要“清除 float ”。

例如,当一个元素是 float:right 时,它在某种程度上从布局流中移除。它不会向下推它下面的任何东西(包括它包含元素的底部),除非这些东西也向右浮动,或者 clear:right。 Clear 基本上说“好吧,尊重所有这些漂浮物的底部”。

clear:both 最常使用,而且正如它所说的那样。

Chris Coyier 用 this article. 解决了这个问题

如果这是您在布局中经常遇到的问题,您也可以自己构建一个“Clearfix”。 Here is a bunch of methods for doing that.

关于html - 容器 div 不正确...包含,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24472492/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com