css - 清除浮动 高度变高

问题描述

问 题

两列布局 左侧固定，右侧自适应实现过程中，右侧内容区使用通用的清除浮动方法，导致使用.clearfix的容器高度变高，好像是受左侧浮动影响，具体原因未知，求解答。

代码测试链接地址

我给该 ul 加上了.clearfix属性，之后该ul高度就变这么高了，至于为什么此处使用该class，因为此处仅仅是用来还原BUG之用。

解决方案

用overflow hidden来清除浮动，并形成新的bfc就不会受到左边的浮动高度的影响，右边的高度就是ul里面所占内容的高度。另外关于两列自适应布局 你可以看看这个demo

这篇关于css - 清除浮动 高度变高的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！