Div项目除了div

Question

我是一个相当新的html开发人员，我在我的页面中使用了一堆div。

问题是一些div项目不在div内，尽管它们是在div标签中定义的。

我在这里想念的是什么？如何确保div中的所有项都将在div中呈现？

Answer 1

没有代码？是时候把水晶球拿出来......

您要么绝对定位它们（​​使它们脱离正常流量），要么浮动它们stops them from influencing the height of the container. force containers to wrap floating content有多种方式。

Answer 2

看起来你有一个有浮动子的容器，这就是父div崩溃的原因。

<div id="parent" title="this collapses">
  <div style="float:left" title="child div"></div>
</div>

我认为你的问题是父母崩溃了。

解决方案将是以下之一

1. 浮动父div（如果可能）。
2. 向父div添加样式溢出：隐藏或自动。
3. 将一类clearFix *添加到父div（见下文）。
4. 设置一个高度（如果可能）。

* clearfix：

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}