个人对于盒子模型的理解:
1. 每个盒子都是由 “外边距、边框、内边距、内容” 4部分构成:。
2. 盒子模型的种类有:标准盒子模型和IE盒子模型,不同之处在于计算width和height的方式不同。标准盒模型的width不包括border和padding, IE盒子模型包括border和padding。可以使用CSS3中的box-sizing指定使用哪种盒子模型(content-box、border-box、inherit)。
3. 常见的盒子有块级盒子和内联盒子及对应HTML元素中的块级元素和内联元素。特别之处在于内联盒子的height/width属性不起作用,且垂直方向的内边距/外边距及边框不会将处于其他inline状态的盒子推开。
详情请参看:《图解CSS》盒子模型
网友评论