專題文章
時(shí)長:00:00更新時(shí)間:2020-11-27 18:49:19
一、常見定位方案;在講 BFC 之前,我們先來了解一下常見的定位方案,定位方案是控制元素的布局,有三種常見方案。普通流 (normal flow)。在普通流中,元素按照其在 HTML 中的先后位置至上而下布局,在這個(gè)過程中,行內(nèi)元素水平排列,直到當(dāng)行被占滿然后換行,塊級(jí)元素則會(huì)被渲染為完整的一個(gè)新行,除非另外指定,否則所有元素默認(rèn)都是普通流定位,也可以說,普通流中元素的位置由該元素在 HTML 文檔中的位置決定。浮動(dòng) (float)。在浮動(dòng)布局中,元素首先按照普通流的位置出現(xiàn),然后根據(jù)浮動(dòng)的方向盡可能的向左邊或右邊偏移,其效果與印刷排版中的文本環(huán)繞相似。絕對(duì)定位 (absolute positioning)。
查看詳情