使用float属性布局时父元素高度不能自适应的解决方法_html/css_WEB-ITnose
来源：动视网
责编：小采
时间：2020-11-27 16:18:41
使用float属性布局时父元素高度不能自适应的解决方法_html/css_WEB-ITnose
使用float属性布局时父元素高度不能自适应的解决方法_html/css_WEB-ITnose:在网页的布局过程中，经常会用到float属性来实现页面的左右布局，但是有个问题就是父元素的高度并不能根据子元素的高度自适应。比如下面这段代码： title p left right 在浏览器中查看效果如下： 在有些情况下，我们需要父元素能够根据子元素的高度
导读使用float属性布局时父元素高度不能自适应的解决方法_html/css_WEB-ITnose:在网页的布局过程中，经常会用到float属性来实现页面的左右布局，但是有个问题就是父元素的高度并不能根据子元素的高度自适应。比如下面这段代码： title p left right 在浏览器中查看效果如下： 在有些情况下，我们需要父元素能够根据子元素的高度
在网页的布局过程中，经常会用到float属性来实现页面的左右布局，但是有个问题就是父元素的高度并不能根据子元素的高度自适应。比如下面这段代码：
在浏览器中查看效果如下：
在有些情况下，我们需要父元素能够根据子元素的高度进行自适应，这时候你只需要给父div加个overflow:hidden就可以了。譬如：
这样父元素的高度就能根据子元素的高度自适应了。在浏览器中查看效果如下：
使用float属性布局时父元素高度不能自适应的解决方法_html/css_WEB-ITnose
使用float属性布局时父元素高度不能自适应的解决方法_html/css_WEB-ITnose:在网页的布局过程中，经常会用到float属性来实现页面的左右布局，但是有个问题就是父元素的高度并不能根据子元素的高度自适应。比如下面这段代码： title p left right 在浏览器中查看效果如下： 在有些情况下，我们需要父元素能够根据子元素的高度
