常見的布局方式有以下幾種：
塊級布局(Block Layout)：塊級元素默認(rèn)從上往下排列，每個元素占據(jù)一整行。常見的塊級元素包括div、p、h1~h6等。
行內(nèi)布局(Inline Layout)：行內(nèi)元素默認(rèn)從左往右排列，每個元素只占據(jù)一行中的一部分。常見的行內(nèi)元素包括span、a、strong、em等。
定位布局(Position Layout)：定位布局是通過設(shè)置position屬性來實(shí)現(xiàn)元素的定位。常見的定位屬性包括relative、absolute、fixed等。
彈性盒子布局(Flexbox Layout)：彈性盒子布局是CSS3新增的一種布局方式，通過設(shè)置容器和元素的屬性來實(shí)現(xiàn)靈活的布局。常見的彈性盒子屬性包括display: flex、flex-direction、justify-content、align-items等。
柵格布局(Grid Layout)：柵格布局也是CSS3新增的一種布局方式，通過將元素劃分為行和列的網(wǎng)格，來實(shí)現(xiàn)復(fù)雜的布局。常見的柵格屬性包括display: grid、grid-template-rows、grid-template-columns、grid-gap等。
在實(shí)際應(yīng)用中，選擇何種布局方式主要取決于具體的頁面需求和設(shè)計(jì)風(fēng)格。
京公網(wǎng)安備 11010802030320號