摘要：2、定位概念上一节熟悉了盒模型， 现在来看一下可视化格式模型和定位模型。 理解这两个模型的细微差异是非常重要的， 因为它们一起控制着如何在页面上布置每个元素2.1 可视化格式模型CSS有三种基本的定位机制：普通流、 浮动、绝对定位。 除非专门指定， 否则所有框都在普通流中定位。在普通流中元素框的位置由元素在HTML中的位置决定。p、h1或div等元素常被称为块级元素， 这意味着这些元素显示为一块内容， 即“块框”。 与之相反， a和span等元素被称为行内元素， 因为他们的内容显示在行中， 即“行内框”。可以使用display属性改变生成的框的类型。 通过将display设置为block，可以 阅读全文

摘要：可以参考《精通CSS 高级WEB标准解决方案》第三章。可视化格式模型可视化格式模型要掌握的3个最重要的CSS概念是 浮动、定位、盒模型。 这些概念控制在页面上安排和显示元素的方式， 形成CSS的基本布局。主要学习内容：盒模型的复杂性和特点如何以及为什么使用外边距绝对定位和相对定位之间的差异浮动和清理是如何工作的1、盒模型概念盒模型是CSS的基石之一， 它指定元素如何显示以及（在某种程度上）如何相互交互。 页面上的每个元素被看做一个矩形框， 这个框由元素的内容、 内边距、 边框和外边距组成。如下图所示：如果给元素添加背景， 背景会应用于内容和内边距组成的区域。 添加边框会在内边距的区域外加一条线 阅读全文