清楚浮動的方法總結(不斷更新)

2021-08-22 11:56:26 字數 953 閱讀 1740

每一列浮動元素後,都要設定清除浮動

元素進行float操作後,會使元素浮出文件流,使其所在的父級元素無法跟隨浮動元素的高度而改變自身高度。所帶來的問題就是浮動元素超出了父級元素的包裹範圍,若後面跟隨有文字、或浮動元素,則會造成布局混亂。

高度塌陷:浮動元素父元素高度自適應(父元素不寫高度時,子元素寫了浮動後,父元素會發生高度塌陷)

方法一:給浮動元素的父級設定高度,解決了父級div無法自動獲取到高度的問題。(高度塌陷)

缺點:在浮動元素高度不確定的時候不適用

方法二:在最後乙個浮動元素的後面加上

這是最簡單有效的清除浮動的方法

我是浮動元素1

我是浮動元素2

我是浮動元素3

我是浮動元素4

我不是浮動元素

方法三:給父級定義偽元素:after

方法三的原理和方法二有點類似,只有ie8以上和非ie瀏覽器才支援:after

ie瀏覽器需要用到zoom:1。

father:after

注意:content裡面的內容仍是屬於父級元素的一部分,:after是新增在到父級元素的末尾,而不是後面

ps:這裡簡單說一下zoom:1屬性

zoom:1;屬性是ie瀏覽器

的專有屬性,firefox等其它瀏覽器不支援。它可以設定或檢索物件的縮放比例。除此之外,它還有其他一些小作用,比如觸發ie的haslayout屬性,清除浮動、清除margin的重疊等。

方法四:給父級容器定義overflow:hidden

注意:需要配合 寬度 或者 zoom 相容ie6 ie7;

方法五:為父級容器也設定成浮動

缺點:需要給每個浮動元素父級新增浮動,浮動多了容易出現問題。

Eclipse 使用總結(不斷更新)

一 manager設定映象 啟動 android sdk manager 開啟主介面,依次選擇 tools options.彈出 android sdk manager settings 視窗 在 android sdk manager settings 視窗中,在 http proxy serve...

iterator標籤總結(不斷更新)

1 struts2的iterator標籤 三個屬性 value,id,status value 後台傳的list或者map物件 以list為例,list中存放的實體 如 request.list session.list,如果是action中的屬性,可以直接使用,不需要加 id 相當於for迴圈中的...

const特性總結(不斷更新)

1 指向const物件的指標 const int cptr i 在此,cptr是指向int型別的const物件的指標,cptr並非是const,可以指向其他具有const特性的物件。cptr的物件不可以改變。e.g cptr 43 error ii 不能將非const物件的位址賦給指向const物件...