main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
mlzpain
本文就來為大家介紹3種常見的CSS頁面佈局：雙飛翼佈局、黏連佈局、左右兩列佈局，希望對大家有一定的幫助。
（推薦教學：CSS影片教學）
一、左右兩列佈局
#1、程式碼如下
两列布局 leftlzprightrightrightrightrightrightrightrightrightrightrightrightrightright
rightrightrightrightrightrightrightrightrightrightrightrightrightright
rightrightrightrightrightrightrightrightrightrightrightrightrightright
rightrightrightrightrightrightrightrightrightrightrightrightrightright
效果如下：
#2、必要說明
外層容器con如果要固定寬度，right元素的overflow: hidden;是必須的，否則會出現rig中的字體不在rig裡面。
外層容器con寬度如果是100%，或是默認，此時right元素的overflow: hidden;可有可無，頁面不會因此受到影響。
二、黏連版面
1、程式碼如下：
粘连布局 main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
main
mlzpain
三、雙飛翼佈局
双飞翼三列布局 middle
middle
middle
leftright
效果如下：
#更多程式相關知識，請造訪：程式設計教學！ ！
以上是CSS中3種常見頁面佈局：雙飛翼佈局、黏連佈局、左右兩列佈局的詳細內容。更多資訊請關注PHP中文網其他相關文章！
