<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%;

background: #ccc;

}

</style>

<div id="demo">

<p>我是一个p哦</p>

</div>

margin:10% 1%;

横向显示的按宽度算

垂直显示是按高度算

留作纪念。多解释。