企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持知识库和私有化部署方案 广告
1.浮动带来的影响 标准流的盒子,如果不设置高度,会被内容子自动撑高。 如果盒子内部的元素浮动了,子盒子脱标后,不能撑高父盒子 父盒子的高度就会为0,影响一些问题 第一个问题:父盒子的高度不能被子元素撑高了。 第二个问题:如果父盒子后面还有其他兄弟标签,并且该兄弟标签内部也有浮动元素,前面的浮动会影响后面的贴边。 清除浮动方法一:height属性 父盒子的高度不能被撑高,我们可以强制给父盒子设置一个高度,去管理内部的子元素 缺点:父盒子的高度不可以随着子元素变高而增高,如果子盒子是动态的,父盒子还会出现原来的问题 。 如图对比,第二张图是高度不合理的情况下: ![](https://img.kancloud.cn/66/3c/663cf78d6511531fc27b161837424e3e_1421x357.png) ![](https://img.kancloud.cn/73/6c/736cf9735da7f73eb28f148f2f4fb83e_1348x513.png)