1:resize属性
div{
border:2px solid;
padding:10px 40px;
width:300px;
resize:both;
overflow:auto;
}
resize 属性规定是否可由用户调整元素尺寸。当输入的元素超过输入框的宽度时候，自动出现滑动条，可以左右滑动.
2:Box Sizing属性：定义两个div并排
div.box { box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width:50%; border:1em solid red; float:left; }/*自定义两个div并排 各占50%*/
Box-sizing属性允许以确切的方法适应某个区域的具体内容
3：css3 Outline Offset
Outline offset属性对轮廓进行偏移，并在超出边框边缘位置绘制轮廓
//就是在边框为绘制一个边框
注：轮廓不占空间，轮廓可能是非矩形
div { margin:20px; width:150px; padding:0px; height:70px; border:2px solid black; outline:2px solid red; outline-offset:15px;/*在div边框外15像素处有一个轮廓*/ }
原文：http://www.cnblogs.com/shineda/p/5014079.html