三 三列自適應布局
分為兩種:
header,content和footer等寬的單列布局
設定三個塊等寬,通過margin:0 auto設定居中
html**:
css裡的**:
.header
.content
.footer
header與footer等寬,content略窄的單列布局
設定三部分通欄,然後看content的內容的版心.設定margin:0 auto居中即可
html**:
css**:
#header
#content
.main
#footer
最常見的就是左側定寬,右側自適應的布局 CSS 常用布局
1.寬度100 自適應視窗寬度 content content 只是定義了寬度為100 背景為白色與body色加以區分 footer footer 2.寬度100 最小定寬780px content content 只是定義了寬度為100 背景為白色與body色加以區分 這個布局中我們使用了min ...
css常用布局
單列布局長這個樣子,主要有兩種 普通單欄,通欄的單欄布局 比較簡單,設定 定寬 水平居中即可 頭部 內容尾部 執行結果鏈結描述 瀏覽器寬度超過960px時,外margin出現。當收縮瀏覽器寬度,小於960px時,margin為0,出現滾動條。執行結果鏈結描述 在header 和footer上再包裹一...
css常用布局
以下居中布局均以不定寬為前提,定寬情況包含其中 1 水平居中 a inline block text align tips 此方案相容性較好,可相容至ie8,對於ie567並不支援inline block,需要使用css hack進行相容 b table margin tips 此方案相容至ie8,...