- 文档流:指的是元素排版布局过程中,元素会自动从左往右,从上往下的流式排列。并最 终窗体自上而下分成一行行,并在每行中从左至右的顺序排放元素
- 每个非浮动块级元素都独占一行,浮动元素则按规定浮在行的一端。若当前行容不下 则另起新行再浮动
- 内联元素也不会独占一行;几乎所有元素(包括块级,内联和列表元素)均可生成子行,用 于摆放子元素
- 标准文档流等级:分为两个等级块级元素和行内元素;
- 脱离文档流:文档流内的正常元素识别不到这个元素了(脱离文档流的元素相当于平行漂浮在文档流之上)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 /* 8 文档流:指的是元素的排列方式 9 正常文档流:从左往右 从上往下排 10 文档流可以分等级:行内元素和块级元素 11 =>行内元素从在往右 12 =>块级元素从往下 13 引申出一个面试题:行内元素和块级元素的特点,请列举说明 14 需求:需要块级元素(比如:d1v)在一行显示 15 脱离文档流:元素的正常排列方式被打破 16 离文档流的影啊 17 1.float 18 2.定位 19 */ 20 </style> 21 </head> 22 <body> 23 <a href="javascript:;">超链接</a> 24 <span>行内</span> 25 <dl> 26 <dt>书签</dt> 27 <dd>说明</dd> 28 </dl> 29 </body> 30 </html>