寬度自適應
預設寬度為100%的元素 width：單位為%百分比
高度自適應
不設定height高度，讓內容撐起來 height:;設定百分比，（前提是設定html，body）
最小高度
min-height 大於等於
最大高度
max-height 小於等於
最小寬度
min-width 大於等於
最大寬度
max-height 小於等於
問題：父元素不給高度，子元素浮動，出現了高度塌陷問題
解決方法
1：給父元素加高度 缺點：不靈活
2：給父元素新增over-flow:hidden（觸發了乙個bfc區域）
缺點：定位出去的元素會被隱藏
3:給最後浮動元素的最後新增乙個空標籤（塊級元素） 空標籤的樣式：
width：0
height:0
clear:left/right/both;左/右/左右
缺點：**冗餘
4：萬能清除浮動方法
給父元素加
.name：after
visibility：顯示隱藏；
hidden：隱藏
visible 顯示
visibility和display的區別
1：都可以顯示隱藏元素
2：visibility：hidden；佔據文件流
display：none；不佔據文件流
偽元素：after在...之後偽裝乙個元素，可以新增樣式
：before在...之後偽裝乙個元素，可以新增樣式
：first-letter{}針對第乙個字進行新增樣式（只能夠對塊級元素生效）
：first-line{}針對第一行字進行新增樣式（只能夠對塊級元素生效）
寬高自適應
網頁布局中經常要定義元素的寬和高。但是很多時候我們希望元素的大小能夠根據視窗或子元素自動調整，這就是自適應 元素自適應在網頁布局中非常重要，他能夠使網頁顯示更加靈活，可以適應在不同裝置 不同視窗和不同解析度下顯示 1.寬度自適應 元素寬度設定為100 塊元素寬度預設為100 2.元素具備最小高度的自...
寬高自適應
寬高自適應 靈活 網頁布局中經常要定義元素的寬和高。但很多時候我們希望元素的大小能夠根據視窗或子元素自動調整，這就是pc自適應。自適應的優點 元素自適應在網頁布局中非常重要，它能夠使網頁顯示更靈活，可以適應在不同裝置 不同視窗和不同解析度下顯示。一 相對視窗和父元素的自適應寫法 寬度 width 1...
寬高自適應
寬高自適應可以使得網頁更加靈活，適應在不同的裝置不同解析度下。一 pc端寬高自適應 相對視窗或者父元素的自適應情況 寬度自適應 width 100 預設情況下，不新增定位時 寬度自適應的比例，是參照父元素的寬度進行顯示的，也就是說，如果元素的父元素是整個頁面的話，顯示的時候就是鋪滿整個螢幕 如果當父...