css常用布局歸納

2021-10-24 14:40:20 字數 598 閱讀 1491

三 三列自適應布局

分為兩種:

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,...