css总结篇

css总结

1、百分比像素减去固定像素

width:-webkit-calc(60% - 10px);  width:-moz-calc(60% - 10px);  width:calc(60% - 10px); 

2、达到一定长度出现滚动条 max-height:340px;overflow-y:auto;

3、border宽度算div宽度

box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;

4、padding 两个上下,三个上左右下,四个上右下左

5、带border的百分比布局：
box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
对于一些太小的宽度，border宽度比box宽度还要大，仍然会超过父元素，则修改父元素如下：
display: inline-block;white-space:nowrap;

6、input和selelct等一行对齐问题

 一个vertical-align:middle就可搞定