和内联元素水平排列成一行，内联元素的高度被它的内容扩展了，它的高度不能显式设置，这就是我们一次又一次在span上设置它的原因高度属性不容易使用。简单了解了这些知识之后，我们再来看看display的几个常用属性。一些不太常用的我不懂，就不说了。在显示隐藏元素时，我们经常使用display设置为none或''，设置为none的效果很明显，即元素脱离文档流，不显示，不占用文档空间，而设置为''实际上是设置元素的默认属性块或排队。inline-block属性是CSS2.1的新增值，IE8及以上等主流浏览器均已支持。它可以像内联元素一样水平排列元素，但盒子的内容符合块级元素的行为，可以显示和设置宽度、高度、内外边距。有趣的。另一个有趣的地方是，你可以通过不同的赋值来改变元素生成框的类型，即通过将display属性设置为block，你可以让内联元素表现得像块级元素，反之亦然。定位如果想了解CSS元素的定位，就需要了解position属性。position属性有如下几个常用的值。CSS具有三种基本定位机制：普通流定位、浮动定位和绝对定位。普通流是默认的定位方式。普通流中的元素框元素的位置由元素在html中的位置决定。当元素位置属性为static或者继承static时，会按照正常的流程进行定位，这是我们最常用的方式。相对定位比较简单，对应position属性的相对值，如果一个元素是相对定位的，它就会出现在它的位置，然后通过设置垂直或者水平的位置就可以使元素相对自身移动，在使用中相对定位时，无论元素是否移动，元素在文档流中都占据原来的空间，但外观会发生变化。正常流：