前言 为了更好理解浮动和position,建议先看看我写的这篇文章<Html文档流和文档对象模型DOM理解> 正文 一.浮动 CSS设计float属性的主要目的,是为了实现文本绕排图片的效果.然而,这个属性居然也成了创建多栏布局最简单的方式. 如何浮动一个元素?先设定其宽度width,再增加样式规则float:left/right. //注意:该浮动元素已从正常文档流中删除.浮动元素是被块级元素忽略的元素,但是内联元素知道它们在哪里,内联元素会留意浮动元素的边界,而块元素会正常流向页面. 提到…