寬度自適應布局

2021-07-13 04:43:23 字數 778 閱讀 6482

自適應布局是一種很常見的布局方式,現將常見的幾種實現方式列下:

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...