作业布置
完成课堂所有的代码
web-note/Code/day09 (github.com)
总结绝对定位的相对元素以及常见的解决方案
- 子绝父相
- 子元素绝对定位、
- 父元素相对定位
- 子绝父绝
- 子元素绝对定位
- 父元素绝对定位
- 子绝父固
- 子元素绝对定位
- 父元素固定定位
总结浮动常见的规则内容
- 元素一旦浮动后，脱离标准流
- 朝着向左或向右方向移动，直到自己的边界紧贴着包含块（一般是父元素）或者其他浮动元素的边界为止
- 定位元素会层叠在浮动元素上面
- 如果元素是向左（右）浮动，浮动元素的左（右）边界不能超出包含块的左（右）边界
- 浮动元素之间不能层叠
- 如果一个元素浮动，另一个浮动元素已经在那个位置了，后浮动的元素将紧贴着前一个浮动元素（左浮找左浮，右浮找右浮）
- 如果水平方向剩余的空间不够显示浮动元素，浮动元素将向下移动，直到有充足的空间为止
- 浮动元素不能与行内级内容层叠，行内级内容将会被浮动元素推出
- 比如行内级元素、inline-block 元素、块级元素的文字内容
- 行内级元素、inline-block 元素浮动后，其顶部将与所在行的顶部对齐