css中margin的巧妙使用

Peipei Wong 7月 16, 2016

今天在慕课上看了张大神又一力作，整理了一下
margin的巧妙使用：
1、margin实现自适应的宽高比为2：1的矩形

<div id="container">  
    <div class="box">  
       <div></div>  
    </div>  
</div>

<style type="text/css">  
  #container {  
    width: 400px;  
    height: 250px;  
  }  
  .box {  
    background-color: olive;  
    overflow: hidden;  
  }  
  .box > div {  
    margin: 50%;  
  }  
</style>