使用float属性布局时父元素高度不能自适应的解决方法_html/css_WEB-ITnose

        
        p        
            left        
        
right
    

　　在浏览器中查看效果如下：

　　在有些情况下，我们需要父元素能够根据子元素的高度进行自适应，这时候你只需要给父div加个overflow:hidden就可以了。譬如：

        
        p        
            left        
        
right
    

　　这样父元素的高度就能根据子元素的高度自适应了。在浏览器中查看效果如下：