<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- 在CSS中,使用display属性来定义盒子类型 总体上,盒子分为 block和inline类型 div-block span-inline block:占满整行宽度,每行只允许有一个block元素 inline:内容有多宽,就占多宽,每行可以有多个inline元素 block的一个变体:inline-block 它在显示的时候有inline盒子的特点,block元素可以指定width和height属性 inline盒子指定width和height是无效的 CSS2.1之前,如果要并列显示多个block元素是非常复杂的,需要使用float属性或position属性,此后增加了inline-block类型,并列显示block就非常简单了 --> </body> </html>