解决子级用css float浮动 而父级div没高度不能自适应高度

半城伤御伤魂 提交于 2020-03-01 02:33:42

1.使用css clear清除浮动;

在父级div体内添加子级div<div style="clear:both;"/>

2.对父级样式加overflow:hidden。

<div style="overflow:hidden;"/>(PS:为什么是hidden?反其道而行之?)


PS

1.clear 属性规定元素的哪一侧不允许其他浮动元素。

可能值:left、right、both、none(默认值)、inherit

2.overflow 属性规定当内容溢出元素框时发生的事情。

可能值:auto、scroll、hidden、visible(默认值)、inherit


参考文献:

1.解决子级用css float浮动 而父级div没高度不能自适应高度-http://www.divcss5.com/jiqiao/j612.shtml

2.CSS 参考手册-http://www.w3school.com.cn/cssref/index.asp

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!