<style>
body,html {
height:%;
padding: ;
margin:
} .main {
background: #f2f2f2;
width: %;
float: left;
height: %;
}
.left {
background: gray;
width: 100px;
float: left;
margin-left: -%;
height: %;
overflow: hidden;
}
.right {
background: #fff;
width: 100px;
float: left;
margin-left: -100px;
height: %;
overflow: hidden;
}
.inner {
margin-left: 100px;
margin-right: 100px;
}
</style>
</head>
<body>
<div class="main">
<div class="inner">
Main
</div>
</div>
<div class="left">Left</div>
<div class="right">Right</div>
</body>
/**
* _ooOoo_
* o8888888o
* 88" . "88
* (| -_- |)
* O\ = /O
* ____/`---'\____
* . ' \\| |// `.
* / \\||| : |||// \
* / _||||| -:- |||||- \
* | | \\\ - /// | |
* | \_| ''\---/'' | |
* \ .-\__ `-` ___/-. /
* ___`. .' /--.--\ `. . __
* ."" '< `.___\_<|>_/___.' >'"".
* | | : `- \`.;`\ _ /`;.`/ - ` : | |
* \ \ `-. \_ __\ /__ _/ .-` / /
* ======`-.____`-.___\_____/___.-`____.-'======
* `=---='
*
* .............................................
* 佛祖保佑 永无BUG
*/