关于清除浮动,为什么不直接定义父元素高度
来源:3-1 首页.页面框架代码编写
eleven1898
2020-05-28 19:22:42
老师好,由于content是三个块的父元素,且没有宽度高度。宽度、高度由子元素撑开,而导致脱离文本流,那为什么不直接在父元素上定义高度呢,或者说都可以,还是说清除浮动有更多的存在意义
1回答
好帮手慕慕子
2020-05-29
同学你好,理解的有些偏差,具体参考如下解析:
截图代码中,content和wrap盒子是块级元素,默认填充满父元素宽度,不是由子元素撑开宽度的。他们的高度可以由子元素撑开
由于子元素设置浮动后,脱离了文档流,导致父元素高度塌陷,所以此时父元素高度无法由子元素撑开高度。要解决这个问题有两种方式:
(1)清除子元素浮动带来的影响,撑开父元素高度
(2)直接给父元素设置高度
由上面的分析可知,直接在父元素定义高度和清除浮动都是可以的。
推荐同学选择清除浮动,因为后期如果修改了子元素高度,父元素也会自动调整,但如果是设置的是固定高度,那么修改子元素高度时还需要修改父元素的高度。
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题
回答 2
回答 2