显示模式转换:
- 行(块)元素:单独成行,如div;可以设置宽高
- 行内元素:同一行可以显示多个元素,如span;不可以设置宽高
- 行内块元素:同一行可以显示多个元素,如img;可以设置宽高
元素之间的转化:
盒子模型:
定位:
相对定位 position:relative 相对于“自己原来”位置进行偏移
绝对定位 position:absolute 相对于“浏览器左上角”位置进行偏移
固定定位 position:fixed 相对于“浏览器窗口”进行定位
注:子元素的偏移参考有定位的最近的父级元素