盒子模型: 这是css里很重要的的一块内容，每个元素都看成一个盒子，盒子模型是由content(内容)、padding(内边距)、margin(外边距)和border(边框)这4个属性组成的。 此 外，在盒子模型中，还有宽度width和高度height两大辅助性属性。
属性分别有：border，边框 margin，外边距 padding，内边距 content，内容
浮动布局：CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。浮动元素之后的元素将围绕它。浮动元素之前的元素将不会受到影响。
如果你把几个浮动的元素放到一起，如果有空间的话，它们将彼此相邻。
元素浮动之后，周围的元素会重新排列，为了避免这种情况，使用 clear 属性，clear 属性指定元素两侧不能出现浮动元素。
原文：https://www.cnblogs.com/sunlangui/p/11288337.html