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就可搞定