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