為什麼div浮動後沒有把行內元素覆蓋住

2022-03-11 05:11:40 字數 643 閱讀 4031

第一,浮動的目的。最初時,浮動只能用於影象(某些瀏覽器還支援表的浮動),目的就是為了允許其他內容(如文字)「圍繞」該影象。而後來的css允許浮動任何元素。

第二,絕對定位與浮動的區別。

絕對定位是將元素徹底從文件流刪除,並相對於其包含塊定位(包含塊可能是文件中的另乙個元素或者是初始包含塊),元素原先在正常文件流中所佔的空間會關閉,就好像該元素原來不存在一樣,該元素再也不會影響其他元素的布局了。如果將元素a定位到左上角的話,元素b佔據元素a之前的位置,與元素a重合在一起,並被元素a覆蓋。css**和效果圖如下。

而浮動,會以某種方式將浮動元素從文件的正常流中刪除,並把浮動元素向左邊和右邊浮動,不過它還是會影響布局,關於浮動的有許多規則,讀者可自行閱讀《css權威指南》一書,介紹地很詳細。採用css的特有方式,浮動元素幾乎「自成一派」,不過它們還是對文件的其餘部分有影響。這種影響源自於這樣乙個事實:乙個元素浮動時,其他內容會「環繞」該元素。如果將元素a向左浮動的話,css**和效果圖如下圖所示。由此可見,浮動之後,文字跑到了元素a的右邊,即實現了文字環繞浮動元素的功能(如果a不浮動的話,div是塊級元素,不可能有兩個div處在同一行)。

body 沒有被撐開 為什麼父div沒有被撐開

正常情況下,如果父元素沒有設定高度,子元素能夠將其撐開。但如果子元素浮動且沒有清除浮動的話,在標準瀏覽器中,父元素不會被撐開。例項如下 html 純文字檢視 複製 執行 螞蟻部落 parent width 200px border 1px solid red child float left hei...

為什麼沒有掌聲

首先,我要說明,我是山東人,我是濟南人,所以以下的所有文字,並不是針對某一地域的人 為什麼首先要說明這個,如果你們想知道原因,請去163的體育論壇,看他們的對罵 2005.10.22 為什麼沒有掌聲?今天和哥們去了泉城廣場,沒有辦法,真的不知道應該去哪兒,可以去哪兒?兩個男人嘛 如果一男一女,可能娛...

為什麼沒有Rails Inc?

idc 開源軟體的市場將會在2011年達到60億美元上下的規模。毫無疑問,風險投資商很渴望加入這場輪盤賭。這也是讓我寫這篇文章的原因。顯然這不是因為風險投資商不願意注入資金。我已經和數家公司有過好幾次關於投巨資建立rails inc這樣的談話,但是,我就是不敢興趣。有 很多原因讓我現在對風險自己沒有...