CSS

在标准盒模型中，width和height给定的是元素内容区域的宽度和高度，而实际的盒子宽度和高度会加上设置的边框border和内边距padding值。

浮动 指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。该元素从网页的正常流动(文档流)中移除 简单来说，float属性会可能远地向左或向右浮动一个元素，然后它下面的元素会绕流这个元素

文档流 定义 说定位之前，先来明确文档流的概念。流是浏览器在页面上摆放html元素所用的方法。它的排布顺序为在浏览器中从左到右，从上到下顺序摆放