佈局模式

佈局模式(有時稱為佈局)是一種 CSS 演算法,它根據元素框與同級框和祖先框的互動方式來確定元素框的位置和大小。

有幾種佈局模式

流式佈局或正常流

所有元素都屬於正常流,直到你採取一些措施將它們移出正常流。正常流包括:

塊級佈局

用於佈局段落等框。

行內佈局

用於佈局文字等行內元素。

表格佈局

用於佈局表格。

浮動佈局

用於將元素定位在左側或右側,讓其他內容在正常流中環繞。

定位佈局

用於定位元素,使其與其他元素的互動較少。

多列布局

用於像報紙一樣將內容分成多列進行佈局。

彈性盒子佈局

用於佈局可以平滑調整大小的複雜頁面。

網格佈局

用於相對於固定網格佈局元素。

注意:並非所有 CSS 屬性都適用於所有佈局模式。大多數屬性適用於其中一兩種,如果應用於參與其他佈局模式的元素,則無效。

另見