4.6.1  块级元素与内联元素

块级元素显示的是一个矩形框，一个块级元素单独占据一行，与相邻的块级元素依次竖向排列，不会排在同一行。例如元素<div>、<p>、<ul>、<h1>～<h6>等都是块级元素，它们总是以一个区块出现，单独占据一行。

内联元素与块级元素相反，其与相邻的内联元素能够横向依次排列成行，就像文本依次排列显示的效果一样，先依次横向排列，排到最右端自动换行。例如元素<span>、<font>、<a>、<img>、<input>都属于内联元素。

4.6.2  使用DIV

4.6.3  使用SPAN

4.6.4  元素定位

静态定位，是指无特殊定位，也是系统默认的定位模式。块级元素生成的是一个矩形框，是文档流中的一个部分，按照在文档中出现的位置正常定位显示，没有偏移量。

相对定位，是指相对于静态定位生成的块的位置的偏移量，由top、right、bottom、left 4个偏移属性联合指定相对偏移量。

绝对定位，是指按照父级元素的4个边框为基准，使用由top、right、bottom、left 4个属性来决定块的绝对位置。

偏移量，是指相对于某个指定位置的偏移量，分为top、right、bottom、left 4个方向。偏移量的表达方式有数值形式和百分比形式。数值形式可以使用常见的度量单位如像素、磅、毫米等。

4.6.5  元素叠加

如果网页中有多项容器类元素存在位置重叠时，需要设置好这些元素的叠加次序，保证需要显示的内部不被遮住。

4.6.6  元素浮动

浮动属性可以让块级元素“内联化”，使其具有内联元素的排列特点。目前，浮动只有向左、向右两种浮动形式。设置浮动属性后，周边的元素会在该元素周边“流动”。