1.居中
塊級元素--定寬居中
div行內塊元素(文字居中)
.baba
.son
2.1 相對定位
大多情況，相對定位的作用是用來
約束「絕對定位」的參考點
2.2 絕對定位
3.假高度，假寬度
填充元素後，記得去除假寬度
如果是浮動元素，建議保留寬高
ele
5.行內塊級元素，垂直居中問題
6.表單元素，輸入文字與邊框的內邊距問題
input
tips 設定input與元素placeholder(輸入框裡面文字樣式)
清除浮動的方式
1.插入.clear的div
2.偽物件after,清除浮動
3.父元素設定高度
4.父元素overflow:hidden(觸發bfc)
5.父元素跟著浮動
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，...