有关定位、内外边距、浮动、宽度的几点

定位

• 绝对定位、固定定位都会将行内元素转换为行内块元素，都会脱标，而相对定位不会
• 未嵌套时，绝对定位和固定定位一样，均从浏览器出发。固定定位无论是否嵌套均从浏览器出发，绝对定位看父盒子
• 相对定位从自身位置出发

padding和margin

• padding：继承的盒子一般不会被撑大（子盒子未定义宽度时，水平不会，垂直会），当子盒子设置宽度时，padding值大于父盒子，则子盒子会溢出（不会掉出来），类似以下图

 

• padding：若没有嵌套，自身内容有padding时，会撑大
• margin：垂直方向外边距会合并
• margin：嵌套时，子盒子设置垂直方向margin时，外边距会塌陷
• margin： 行内元素可定义左右外边距，不能定义上下，若要设置上下，加上display:block;;

浮动

• 浮动的盒子要设置宽度

a标签

• a标签之间有3px的距离，计算时要去掉

宽度

• 父级元素的盒子会继承盒子的宽
• 块级                    会
• 浮动                  不会
• 行内块              不会