排版时该注意的细节

一、

<div style="background-color:#FF0000;width:200px;height:100px; overflow: hidden; ">如果不写overflow: hidden;的话，若设置里面的盒子margin-top:20px;向下移动，外面的也会移动

<div style="background-color:#330000;width:100px;height:50px;margin-top:20px;margin-left:20px;">

</div>

</div>

 二、

盒子撑不开时，在css中加上这两句话

clear:both;

overflow:hidden;