标准文档流标准文档流是指在元素布局时,默认情况下自动从左到右、从上到下的元素流动排列。 当前面内容改变时,后面内容的位置也会改变。 HTML是一种标准的文档流文件。HTML中标准文档流的特征表现为两种方式:微观现象,元素层次,标准文档流的特征,微观现象,空白折叠现象,文本类型的元素如果排成一行会出现高度不均匀,底边对齐的效果 块级元素:大多数容器级标签,包括P标签,都是块级元素,比如< div & gt、& lth1 & gt行内元素:大多数文本级别的标签,比如< span & gt、& lta & gt、& ltb & gt行内块元素:例如< img >、& lt输入& gt各种级别的元素都有自己的加载特征,比如块级别的元素。块级元素可以设置宽度和高度,正常加载的块级元素必须在浏览器中占据一行,不能与任何其他标签并列。如果未设置宽度,块级元素将自动填充父元素的宽度区域。如果没有设置高度,会自动按内容展开。内嵌元素无法正常加载宽度和高度属性。虽然可以设置其他盒子模型属性,但是很容易导致加载问题。内嵌元素可以与其他内嵌或内嵌块元素并排显示。无论宽度和高度是否可以设置,宽度和高度只能由内容div { width:200 px;边框:1px纯红;} span { width:200 px;高度:50PX背景色:鲑鱼色;边框:2PX纯红;填充:10px边距:10px}内联块元素内联块元素可以设置宽度和高度,内联块元素可以与其他内联或内联块并排显示。如果未设置宽度和高度,内联块元素将按原始大小加载或按内容自动扩展,并且内联块仍将具有标准流的微观属性,如空白折叠。imgl { width:50px;高度:50px} & ltinput type = " button " value = " " & gt& ltType = "button" value = "普通按钮" >:& ltimg src = " 1 . jpg " alt = " " class = " imgl " >