未设置父盒子高度对布局结构的影响
未设置父盒子高度对布局结构的影响 学习HTML与CSS布局不久，在做仿站时遇到些问题解决后总结一下
创建两个div盒子取名为box_one,box_two，其中在box_one****中放置子盒子box_one_in**，盒子都有设置高度，子盒子高度刻意提高造成溢出情形
【未设置父盒子高度对布局结构的影响】
文章图片
文章图片
此时三个盒子都是标准流盒子 ，粉色与紫色两个父盒子上下排列互不影响，绿色子盒子高度>粉色父盒子高度，但超出部分位于紫色盒子“后面”，不对紫色盒子本身造成影响。
文章图片
文章图片
如果将父盒子高度去掉，此时父盒子是没有高度属性的，它的高度会随着子盒子而变化，这里便因为子盒子高度高而导致父盒子被拉高。
接下来我们看看浮动流盒子的情况下，父盒子高度未设置造成的影响
将1号粉盒子设置为浮动盒子，为避免因浮动而导致2号紫盒子被顶上去，给1号盒子外面再嵌套个标准流盒子
文章图片
文章图片
因为浮动盒子展示位置高于标准流盒子，此刻绿色子盒子时覆盖了下方紫色盒子，但是紫色盒子的文字内容却可以不被覆盖（不止文字，行内元素，行内块也不会被覆盖，只要不是块级元素），现在的情况是紫色盒子被遮住了但它自身的内布局没有乱；
但如果现在，将粉色浮动盒子的高度去掉
文章图片
此时粉色盒子因没设置高度，其高度随其绿色子盒子高度而变化，因此覆盖了下面的紫色盒子，紫色盒子还在原位置却被遮住了，但是它其中的文字却被顶到了外面，这个时候影响了紫色盒子的内部布局。
结论：网页布局的时候，浮动父盒子的高度一定记得要设置，否则不仅影响该部分，还可能会对下面的布局造成影响。————————个人总结，非完全正确答案。
推荐阅读
- 第6.2章（设置属性）
- 那件我们忽略的小事叫感恩
- 我要我们在一起（二）
- 有父母作榜样的家才是真正的学区房
- 老了的父母
- 父母越不讲道理，孩子反而越优秀！说的是你吗（）
- 孩子不是实现父母欲望的工具——林哈夫
- 把一切献给现在
- 《老婆》
- 年轻人对未来迷茫时该怎么办（）