<div style="width: 500px;">
<div style="width: 20%;background-color: aquamarine;float: left">f</div>#飘的时候要有长度限制如果超过了就飘到下面了 比如 20% 90%
<div style="width: 80%;background-color: yellow;float: left">a</div>
<div style="width: 20%;background-color: aquamarine;float: left">f</div>#飘的时候要有长度限制如果超过了就飘到下面了 比如 20% 90%
<div style="width: 80%;background-color: yellow;float: left">a</div>
</div>
<div style="width: 500px;border: 1px solid red">
<div style="width: 20%;background-color: aquamarine;float: left">f</div>
<div style="width: 30%;background-color: yellow;float: left">a</div> #只写着两行是撑不起来父类的 float:rigth右飘
<div style="clear: both;"></div>#这样就把父类撑起来啦
</div>