css百分比

1.margin 取值百分比 规定基于父元素的宽度的百分比的外边距。

<style>  
    #demo{  
        margin: 0 auto;  
        width: 1000px;  
        height: 500px;  
        background: #eee;  
        overflow: hidden;  
        /*垂直显示，改变参照物*/  
        /*-webkit-writing-mode: vertical-rl;*/  
        /*writing-mode: tb-rl;*/  
    }  
    #demo p{  
        margin:10% 1%;  //100px 10px;
        background: #ccc;   
    }  
</style>  
<div id="demo"> 
<p>我是一个p哦</p> 
</div>