1.四大布局
（1）table 布局 （2）float+margin 布局 （3）inline-block 布局（4）flexbox 布局
2.table布局
（1）直接使用（2）用模仿**（**如下）
左右
左
右
（1）盒模型：width、height只對content生效（2）定位屬性position：absolute / fixed / relative （3）float屬性
4.定位屬性position
（1）absolute：脫離文件流，不會對其它元素的布局產生影響
（2）fixed：脫離文件流，不會對其它元素產生影響，相對於可視區域是固定不動的
（3）relative：不脫離文件流，基於元素的原位置進行移動
（注：定義為fixed、relative、absolute的元素可以設z-index：數值（層級關係），誰的數值高，誰就在前面；預設按順序進行層疊）
5.flexbox布局（彈性盒子，盒子是並列的）
使用方式display：flex（**如下）
flex
flex
flex
flex
flex
元素間間隔的消除，設定父元素font-size：0；設定子元素font-size：xxpx
CSS 布局方式
由全球資訊網聯盟制定的一系列標準，包括 在css中存在三種定位機制 標準文件流特點 塊級元素特點 行級元素特點 注意 塊級元素和行級元素都是盒子模型 盒子模型 網頁布局的基石,由4部分組成 盒子模型的三維立體結構 盒子模型尺寸 盒子模型尺寸 邊框 外邊距 內邊距 盒子中的內容尺寸 注意 區別在於內容...
CSS布局方式
浮動布局 絕對定位布局 固定定位fixed 絕對定位absolute 實現橫向兩列布局 能夠實現橫向多列布局 常見的布局有以下幾種 單列水平居中布局,一列定寬一列自適應布局,兩列定寬一列自適應布局,兩側定寬中間自適應三列布局。重點介紹一下常見的三列布局之 聖杯布局和雙飛翼布局。兩者都屬於三列布局，是...
css 網頁布局方式
1.網頁布局方式 其實就是指瀏覽器是如何對網頁中的元素進行排版的。1 標準流 文件流 普通流 排版方式 2 在css中將元素分為三種，分別是 塊級元素 行內元素 行內塊級元素 3 在標準流中有兩種排版方式，一種是垂直排序，一種是水平排序 垂直排序 如果元素是塊級元素，那麼就會垂直排版 水平排序 如果...