关于CSS盒模型,在使用过程中有以下几个要点需要注意。
(1)边框默认的样式(border-style)可设置为不显示(none)。
(2)填充值(padding)不可为负。
(3)边界值(margin)可以为负,其显示效果在各浏览器中可能不同。
(4)内联元素,如,定义上下边界不会影响到行高。
(5)对于块级元素,未浮动的垂直相邻元素的上边界和下边界会被压缩。
(6)浮动元素(无论是左还是右浮动)边界不压缩。如果浮动元素不声明宽度,则其宽度趋向于0,即压缩到其内容能承受的最小宽度。
(7)如果盒中没有内容,则即使定义了宽度和高度都为100%,实际上只占0,因此不会被显示,此处在使用Div+CSS布局的时候需要特别注意。