**寬度自適應：**斜體樣式
在網頁布局中經常要定義元素的寬和高。有很多時候我們希望因素大小能夠根據視窗或子元素自動調節，這是pc自適應
自適應的優點：
元素自適應在網頁布局中非常重要它能使網頁顯示更靈活，可以適應在不同裝置上，不同視窗和不同解析度下顯示。
相對視窗元素和父元素的自適應寫法：
寬度：當塊狀元素不寫寬度的時候，預設的寬度就是100%； 是父元素的寬度的100%；也就是始終跟父元素是同寬的。
width：100%；
預設情況下：如果給塊元素加了絕對定位或者固定定位，他的寬度就不在是100%顯示了。也不會跟父元素同寬的，而是跟裡面的內容同寬，如果元素裡面沒有內容，有沒有定義寬高，這個時候，元素就不見了
**高度：**
當讓元素的高度相對瀏覽器視窗顯示半分比的值得時候，一定要給html和body設定高度100%；
**高度自適應：**
html,body （全屏顯示的頁面必須要給 html,body設定高度100%）
注意：百分比設定寬高的時候，都是相對當前元素最近的父元素顯得的百分比的值(百分比這個值顯示大小的參照物就是自己最近的父元素)
2、相對元素或者內容自適應：
1非浮動元素的父元素高度自適應
實現方法：
1、不設定高度，或者高度設定成 ： height:auto；
2、通過最小高度實現高度自適應 ： min-height:300px;height:300px;
3、給需要高度自適應的元素新增這些屬性：min-height:value; height:auto!important;height:value;
還有在相容ie6的寫法：
/_height:300px;/ /* 「」 叫做下劃線過濾器，加了下劃線過濾器之後，只有ie6 這個瀏覽器識別當前的屬性，其他瀏覽器就都不識別了。 /
height:auto !important;/ 具有最高優先順序，有的的瀏覽器都會去識別這具有!important；過濾器的這個屬性 ；!important; 對於ie6來說，是無效的，ie6不支援*/
height:300px;/* 專門讓ie6識別的 */
過濾器："_" 叫做下劃線過濾器，專門來單獨過濾ie6 這個瀏覽器的。
第二種情況：
2，浮動元素的父元素高度自適應
說明：當父元素不設定高度的時候，第一級子元素浮動後，父元素高度塌陷。
怎麼去解決？（只要解決高度他顯得問題，父元素就能實現高度自適應了）
1、可以個固定高度去解決解決高度塌陷問題，
弊端：但是不能讓元素高度自適應了 。
2、overflow：hidden; 解決高度塌陷並能實現高度自適應的方法一；（遵循bfc的顯示原則） 弊端：只要裡面的內容或者元素超出父元素以外，就會被隱藏
3、在浮動元素的下方新增乙個空元素，並且給他設定一下屬性： 空標記：
clear:both;height:0;overflow:hidden;
弊端：會新增很多空標記，增加結構負擔，產生**冗餘；
4、display:table; 給父元素新增display：table；讓父元素轉換元素型別跟**的特性一樣；
**弊端：**
弊端：單詞太多，不好記；
萬能清除法
:after 說明：推薦使用萬能清除法；
偽物件選擇器
語法：
選擇符：：after（內容和路經只能二選一）
選擇符：：after必須要和content使用
注意：（不可設定寬高，可設定文字大小，文字顏色，背景顏色，文字加粗）
1）div::after 把偽物件新增為div的最後乙個子元素（可對塊級，行內元素）用的比較多
div ::after
2）div::before 把偽物件新增為div的第乙個子元素 （可對塊級，行內元素）用的比較多
div::before
3）選擇符::first-letter 改變第乙個字元的樣式 （此偽物件選擇符只對塊級元素）
h1::first-letter
4）選擇符::first-line 改變第一行的樣式（此偽物件選擇符只對塊級元素）
h1::first-line
隱藏屬性：
visibility:visible 顯示/hidden 隱藏;
visibility:hidden;和display:none;的區別：
visibility:hidden;屬性會使物件不可見，但該物件在網頁所佔的空間沒有改變，等於留出了一塊空白區域；
而 display:none屬性會使這個物件徹底消失不顯示，也不再占用位置。
WebView寬度自適應
webview寬度自適應 用webview元件顯示普通網頁時一般會出現橫向滾動條，這樣會導致頁面檢視起來非常不方便。其實通過設定websettings的屬性可以輕易地解決此問題，不過此設定隱藏的比較深，一般很少人會用到。12 websettings webview.getsettings webse...
寬度自適應布局
自適應布局是一種很常見的布局方式，現將常見的幾種實現方式列下 1 利用float 左右兩div分別左右浮動，不再占用文件流，塊元素div.main自動佔據整行，然後給main新增左右margin分別為左右兩塊元素的寬，如下 left right main 2 利用絕對定位 圖如上 左右兩個div分別...
label自適應寬度
效果圖 後乙個文字是前乙個文字的後面 self namelb uilabel alloc init self namelb numberoflines 0 self namelb backgroundcolor uicolor redcolor self view addsubview self n...