1回答

好帮手慕久久

2021-05-28

已采纳

同学你好，解答如下：

不使用css样式时，元素布局是会遵守标准流的，比如块级元素水平方向会独占一行显示，垂直方向会上从上往下进行排列。因此.c1、.c2如果不浮动，正常布局，会一个挨着一个往下排布：

此时元素会占据位置，因此会把父元素的高度撑开。可以类比一下：父元素就像一个布袋子（没东西时就是空的，高度为0），它里面有元素，并且元素实实在在会占据位置，则会把袋子撑开（高度被撑开）。

但是设置浮动后，元素会脱离标准流，此时元素就不按照从上往下排列这种方式来布局了，而是会在一行并排排列，并且会不占据位置。元素此时的状态就好比于看得见、摸不着（虚的），摸不着的意思就是不占据空间位置。由于子元素不占据位置（虚的），所以撑不开父元素，因此父元素就没有高度了。

祝学习愉快！

0