網頁布局擴充套件？
1.等高布局：指一側高度增加，另一側高度也隨之增加。 利用的是margin-bottom負值和padding-bottom正值來實現的，因為撐開乙個盒子的高度實際上是margin+content。
2.雙飛翼布局：指左右側固定，中間自適應。適合做三列布局。
方法一：bfc方式 方法二：定位 方法三：浮動（雙飛翼布局、聖杯布局）
方法四：flex彈性
雙飛翼布局：先寫中間部分，然後是左浮動。然後左右兩邊div用的是margin-left負值來實現，也是左浮動。最後中間部分的內容需要設定乙個容器來設定margin用來空出左右固定的寬度即可實現中間自適應效果
聖杯布局：和雙飛翼布局一樣都要用到float、margin負值，但聖杯布局還需要用到相對定位、
網頁布局流式布局
工具所用到外掛程式 masonry 是 一款非常強大的jquery動態網格布局外掛程式，可以幫助開發人員快速開發類似剪貼畫的介面效果。和css中float的效果不太一樣的地方在 於，float先水平排列，然後再垂直排列，使用masonry則垂直排列元素，然後將下乙個元素放置到網格中的下乙個開發區域。...
網頁布局 table布局
table 的特性決定了它非常適合用來做布局，並且 中的內容可以自動居中，這是之前用的特別多的一種布局方式 而且也加入了display table dispaly table cell來支援 teble 布局。1.簡單布局 1 doctype html 2 html lang en 3 head 4...
網頁布局 響應式布局
響應式布局是 乙個 能夠相容多個終端 而不是為每個終端做乙個特定的版本 media all 用於所有的裝置 screen 用於電腦螢幕,平板電腦,智慧型手機等 and not only 三個關鍵字可以選 1 head 2 style media screen 3 media screen and m...