寬度自適應： 預設寬度100%的元素 width:;單位為% 最小寬度自適應： min-width:; 最大寬度自適應： max-width:; 高度自適應： 不寫height,讓內容撐起 height:50%; 前提==>html,body{height:100%;} 最小高度自適應： min-h ...
- 寬度自適應：
預設寬度100%的元素
width:;單位為%
最小寬度自適應：
min-width:;
最大寬度自適應：
max-width:;
- 高度自適應：
不寫height,讓內容撐起
height:50%; 前提==>html,body{height:100%;}
最小高度自適應：
min-height:;
最大高度自適應
max-height:;
- 問題：
父級沒有設置高度，子級浮動，父級會產生高度塌陷
解決方法：
1、父級設置固定寬高 ==>不靈活
2、父級元素浮動 ==>會影響後續元素
3、overflow:hidden; ==>其他子元素溢出有影響（觸發bfc區域）
4、給浮動元素最後邊加空標簽（寬高為0），clear:both; ==>多寫標簽，代碼冗餘
5、after偽類(推薦) .nav:after{content:"";display:block;clear:both;} （至少包含3項屬性）
.nav:after{
content:".";
display:block;
width:0;
height:0;
clear:both;
overflow:hidden; ==>隱藏"."
visibility:hidden; ==>隱藏標簽本身
}
- 關於隱藏
display:none; 不顯示標簽，隱藏（不占位）
visibility:hidden; 隱藏（占位）
visibility:visible; 顯示
opacity:0~1;透明度 ==>color:rgba(255,255,255,0~1);顏色透明度
