定位
- 绝对定位、固定定位都会将行内元素转换为行内块元素,都会脱标,而相对定位不会
- 未嵌套时,绝对定位和固定定位一样,均从浏览器出发。固定定位无论是否嵌套均从浏览器出发,绝对定位看父盒子
- 相对定位从自身位置出发
padding和margin
- padding:继承的盒子一般不会被撑大(子盒子未定义宽度时,水平不会,垂直会),当子盒子设置宽度时,padding值大于父盒子,则子盒子会溢出(不会掉出来),类似以下图
- padding:若没有嵌套,自身内容有padding时,会撑大
- margin:垂直方向外边距会合并
- margin:嵌套时,子盒子设置垂直方向margin时,外边距会塌陷
- margin: 行内元素可定义左右外边距,不能定义上下,若要设置上下,加上display:block;;
浮动
- 浮动的盒子要设置宽度
a标签
- a标签之间有3px的距离,计算时要去掉
宽度
- 父级元素的盒子会继承盒子的宽
- 块级 会
- 浮动 不会
- 行内块 不会