浅谈web前端开发中脱离文档流与脱离文本流的区别

脱离文档流与脱离文本流

         根据官方文档所述,脱离文档流的方法有浮动(float)和绝对定位(poistion:absolute/fixed)。

         那么我们接下来来看看他们的区别吧

使用浮动(float)

正常布局下:

 

<div id=”nf”>         In CSS, normal flow includes block formatting          of block-level boxes, inline formatting of          inline-level boxes, and relative and sticky          positioning of block-level and inline-level boxes.     </div>     <div id=”fl”>         Normal Flow     </div>     <p id=”ap1″>Normal Flow</p>     <p id=”ap2″>         In the absolute positioning model, a box is          removed from the normal flow entirely (it has