若塊級元素寬度不設定，或者設定成100%，都是佔據其父級元素的一整行
應用場景:
（1）頁面最外層的盒子一般都要佔據螢幕的大小，所以寬度100%。
（2）子元素使用百分比表示盒模型任意部分大小的話，代表的是子元素盒模型任意部分尺寸=父元素寬度百分比（除了高度外，子元素高度=父元素高度百分比）==>忽略;
父元素高度由子元素撐開
(1) 若是子元素都浮動了，父元素不會被撐開
解決辦法(清除浮動):
a) 給父元素新增最後乙個子元素(塊級元素)
缺點：造成不必要的浪費
b) 給父元素新增 缺點:可能造成需要的部分被隱藏掉
c) 偽元素清除法
.clearfix::after
解決辦法：給父元素新增最小高度min-height
(當內容高度小於最小高度時，按最小高度顯示。當內容高度大於最小高度時，按內容高度顯示)
相容寫法：
高度自適應視窗高度
body,html
最外層的大盒子瀏覽器代表作
瀏覽器核心
ietrident
firefox
gecko
opera
presto
chrome
webkit
chrome、opera
blink
bug解決方法
有邊框bug(ie8以下)
給新增border: 0
有間隙div>img將div的字型大小設成0 或者img
雙倍浮向問題 浮向邊的margin會雙倍顯示(ie6)
給浮動元素新增
預設高度(16px、ie6)
給元素新增宣告或者
表單元素行高對齊不一致
給元素新增宣告
按鈕元素預設大小不一致
input外邊套乙個標籤，在這個標籤裡寫input的樣式，把input的邊框去掉，預設padding也要去掉display: block或者 用a標籤模擬
百分比bug(ie6)
給右邊的浮動新增宣告clear: right清除右浮動；clear:left清除左浮動
ie手型相容
ie瀏覽器cursor : hand;常規瀏覽器cursor：pointer；
透明度ie相容
filter : alpha(opacity=0-100)
margin合併
給上邊盒子新增空標籤，並給空標籤overflow：hidden;
margin塌陷
為父元素新增overflow：hidden;
高度塌陷
給父元素加overflow：hidden;或者萬能清除法 / 偽類清除法
畫布Canvas自適應瀏覽器視窗調整寬高
讓畫布自適應瀏覽器視窗調整寬高可以利用window物件的onresize事件屬性，當瀏覽器視窗發生大小調整時會觸發此事件。注意在css樣式中應當清除外邊距和內邊距的瀏覽器預設樣式，同時將canvas的display屬性設定為 block 此方法的目的是為了在調整瀏覽器視窗的時候頁面不出現滾動條，在利...
CSS左側固定寬 右側自適應（相容所有瀏覽器）
方法 一 浮動布局 html view plain copy html divid left left sidebar div divid content main content div css code style type text css left content style html vi...
瀏覽器相容（3）寬高問題
1 ie6下容器的寬度和高度與firefox解釋不同。css width 100px border 10px solid red ie6下的寬度為100px，而firefox的寬度為120px 2 頁面最小寬度 min width可以制定元素的最小寬度，也就是制定之後這個元素的寬度不能小英這個值，但...