HTML、CSS基础知识点（2）
HTML基本元素
块级元素
块级元素是容量级标签，自己独占一行
文本级元素（行内元素）
文本级元素是行内标签
p标签比较特殊，是文本级标签确是块级元素
打破标准文档流的3种方法
浮动 float
浮动是网页布局中较为常用的手段，浮动元素会脱离标准文档流，浮动前是依靠内容撑开高度，浮动后可设置高度（块级，行内）相互依靠 文字环绕 收缩
相对绝对定位
position:relative position:absolute 两者一般相互配合使用较多（子绝父相），子元素以父元素作为参照进行定位‘
清除浮动的方法
因为浮动后的元素脱离标准文档流，父元素不能被浮动的子元素撑开高度，不在占有原来的位置，下面的元素会向上贴靠，所以要清除浮动
- 给父盒子添加高度（会产生不好的限制，无法自适应高度）
- 给第二个盒子添加属性clear:both （垂直方向margin失效，原因是父盒子没有高度）
- 隔墙法：两个互相影响的盒子中间添加一个盒子添加clear:both来撑开高度
- 给父元素添加overflow:hidden 方法较简单，但如果内容较多时无法自动换行会导致溢出的元素隐藏
- 给父元素添加after伪元素或者before、after双位元素（较常用）