CSS小技巧

1 如何实现盒子在页面中水平垂直居中

.mydiv{width:300px;height:200px;position:absolute;left:50%;top:50%;margin:-100px 0 0 -150px; }

2 左右两个盒子，左边的盒子宽度固定，右边的盒子宽度随着浏览器窗口的宽度改变而改变

.mydiv{width:100%;}
	.left{width:300px;height:200px;border:1px solid #ccc;float: left;background: #ccc;}
	.right{background:pink;margin-left:300px;}

<div class="mydiv">
 	<div class="left">我是左边的盒子<br>我是左边的盒子<br>我是左边的盒子<br>我是左边的盒子<br>我是左边的盒子<br>我是左边的盒子<br></div>
 	<div class="right">
 		我是右边的盒子我是右边的盒子我是右边的盒子我是右边的盒子我是右边的盒子我是右边的盒子我是右边的盒子我是右边的盒子我是右边的盒子我是右边的盒子我是右边的盒子我是右右边的盒子我是右边的盒子右边的盒子我是右边的盒子右边的盒子我是右边的盒子右边的盒子我是右边的盒子
 	</div>
 </div>

3 css div自适应高度

内容增多时自适应高度，而内容较少时div有一定最小高度；

.mydiv{height:200px; /* IE6识别*/ min-height:200px; /* css最小高度为200px支持所有浏览器，IE6浏览器除外 */}