关于解决高度塌陷的问题

[mushanlu]

各位大神 我想请教一下一个关于解决高度塌陷的问题

1.我没有设置浮动时 情况如图1所示

2.当我给红色方块设置向左浮动 黑色方块向右浮动后 黄色方块（父元素）出现高度塌陷问题 蓝色方块向上移动 红色方块和黑色方块高度之和的距离

3.为了解决高度塌陷问题我给黄色方块（红色方块与黑色方块的父元素）添加了如下代码
.c1:after{
content: "";
display: block;
clear: both;
}

4.我希望蓝色方块能回到没有给红黑方块设置浮动的位置，但蓝色方块只向下移动了黑色方块的高度 请问我要怎么解决

[天际的海浪]

那只有黄色方块设置固定的高度或者margin-bottom

[fjxylin]

直接给黄色div固定高度不行吗

[superpng]

首先你要了解div是什么元素，块状还是行状，分析两种元素的特点，是否需要设置固定宽高，是否需要浮动，是否需要使用弹性盒子，而且也要巩固盒模型，这也涉及到以后布局的规范性，所以，基础很重要！