轻松学HTMLCSS之divx

标签等，它们是以块的形式在网页中出现，通常它们之后总会有换行。行内框元素，如标签等，它们之后不会有换行，即多个此类标签在同一行。10.3.2浮动定位使用浮动布局是目前网页制作中最为常见的方式。浮动定位

5、可以进行左右移动，直到定位元素的边框碰到父级元素或同级元素的边框，才会停止移动。应用了浮动的元素全部都会成为块级元素，并且脱离原来的常规流模式。通过float属性进行设置，定义语法规则如下所示：10.3.3清除浮动清除浮动是指将浮动元素清除掉其浮动格式，通过clear属性清除浮动，定义语法形式如下所示：10.3.4多个元素的浮动应用在页面布局中，多个元素的浮动常用于相册的排版，列表的排版等。下面我们给出一个示例，具体讲解多个元素的浮动应用。10.3.5两个元素的浮动应用在页面布局的过程中，通常会使用两个元素的浮动应用。例如页面的两栏结构、图文混排等都是运用了两个元素的浮动。10.4绝对

6、定位绝对定位是相对于其上一级元素来进行的，脱离了普通流，即普通流中的元素会把它当做不存在。本节就来详细介绍有关绝对定位的知识。10.4.1绝对定位的概念使用绝对定位的子元素，其移动是相对于已经定位的父元素。绝对定位的改变会影像到普通流中的元素位置。下面给出绝对定位的示意图：10.4.2单个元素的绝对定位绝对定位同样有四个用于移动的属性，分别是：top、bottom、left和right。本节讲述当子元素只有一个时的情况，定义语法如下所示：10.4.3两个元素的绝对定位上节我们讲述了一个元素的绝对定位，本节我们将讲述当子元素增加到两个的情况。使用绝对定位的元素将会脱离原来的常规流，停留在

7、父元素的左上角的位置。10.5相对定位相对定位方式是元素在原来的位置进行偏移。在相对定位中，其元素前后元素之间并不会改变位置的关系。例如，某个元素框，在相对定位之前位于（X:0px，Y:0px），经过设置相对定位（X:10px，Y:10px）之后，此时它的实际位置应该是在原来的基础上进行偏移（X：10px，Y:10px），结果就为（X:10px，Y:10px）。10.5.1单个元素的相对定位相对定位就是子元素相对于自身偏移的位置。需要确定子元素