摘要： 定位 1：标准流 块级元素独占一行 垂直布局 行内元素/行内块元素一行显示多个 水平布局 2：浮动 让原本垂直布局的块元素变成水平布局 3：定位 可以让元素自由的摆放在网页的任意位置 用于盒子之间的层叠情况 4：使用场景 定位之后元素层级越高，可以层叠在其他盒子上 可以让盒子固定在屏幕中的某个位置 阅读全文

摘要： 清除浮动 概念 如果子元素浮动了，此时子元素不能撑开标准流的块级父元素 原因:子元素浮动后脱离了标准流 解决： 给父元素设置高度 内容的高度高于父元素，父元素不会被撑开，影响了整体的布局 额外的标签 在父元素内容的最后面添加一个块级元素 给添加的块级元素设置 clear:both 缺点：在页面中添加 阅读全文

摘要： 盒子模型 页面中的每一个标签都看成是一个 盒子 浏览器在显示页面的时候，把页面中的元素看作是一个个矩形区域，也称之为 盒子 css中盒子由 内容content，内边距padding，边框border，外边距margin 构成，就是盒子模型 内容 内容的宽度和高度 通过width和height属性设置 阅读全文