高度自适应，内容是浮动元素
Posted rachelch
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了高度自适应，内容是浮动元素相关的知识，希望对你有一定的参考价值。
可以有两种方法：
1.添加overflow:hidden;
2.添加伪元素
<style>
.wrap{
border:1px solid blue;
width:600px;
margin:0 auto;
padding:20px 0;
}
.main{
float:left;
background:pink;
width:350px;
height:100px;
}
.side{
float:left;
background:rosybrown;
width:200px;
height:100px;
}
.wrap:after{
content:‘‘;
display:block;
height:0;
clear:both;
}
</style>
<div class="wrap">
<div class="main"></div>
<div class="side"></div>
</div>
以上是关于高度自适应，内容是浮动元素的主要内容，如果未能解决你的问题，请参考以下文章