自適應布局是一種很常見的布局方式,現將常見的幾種實現方式列下:
1:利用float
左右兩div分別左右浮動,不再占用文件流,塊元素div.main自動佔據整行,然後給main新增左右margin分別為左右兩塊元素的寬,**如下:
left
right
main
2、利用絕對定位(圖如上)
左右兩個div分別絕對定位到父元素左右,中間div.mian設定margin分別為左右兩元素的寬
**如下:
left
right
main
3、利用負的margin
三元素分別浮動,中間元素width:100%
然後在利用負的margin給left和right定位,
最後給div.main的子元素設定左右margin分別為左右倆元素的寬度
實現效果如圖一。
main
left
right
左側固定寬度,右側自適應寬度的CSS布局
第一種方法 關於這個布局,作者是這樣說明的 left和right都貼住左側。設定left在right上面 z index 在right內加個放內容的層 content 設定content距離right的左側為200px,即剛巧等於left的寬度。這個布局有乙個缺點就是,如果我設定了foot的div,...
WebView寬度自適應
webview寬度自適應 用webview元件顯示普通網頁時一般會出現橫向滾動條,這樣會導致頁面檢視起來非常不方便。其實通過設定websettings的屬性可以輕易地解決此問題,不過此設定隱藏的比較深,一般很少人會用到。12 websettings webview.getsettings webse...
label自適應寬度
效果圖 後乙個文字是前乙個文字的後面 self namelb uilabel alloc init self namelb numberoflines 0 self namelb backgroundcolor uicolor redcolor self view addsubview self n...