css布局 IE下浮動 float bug

2021-05-23 19:50:18 字數 336 閱讀 1873

今天在做力發精鑄這個**的網時,用css布發現float後在ie下和firefox下面的結果不一樣,**大致如下:

left

right

底部

這段**在ie下會底部有很大空白,而firefox下卻是正常顯示,firefox更符合我想要的結果,也是正常的布局結果,而ie則讓人有感覺有點莫名,其實這就是ie的bug。

既 然發現問題,就得解決問題,不然看著很不舒服,經過排查,我把原因鎖定在了這句上,把padding:20px;去掉後,結果顯示正常,padding可用margin變相代替。 至此,問題圓滿解決。

希望遇到此問題的朋友,能看到,節省大家寶貴的時間。

css布局float浮動布局詳解

float屬性 頁面布局時主要採用 浮動 float 和定位 position 還有就是即不浮動也不定位的正常文件流結構三種 float屬性常用的語法是 float left right none 任何元素都可以被浮動,無論是塊元素div,ol,ul還是行內元素span strong都可以浮動,重要...

DIV CSS布局 CSS浮動float屬性詳解

在傳統的 布局中,我們對 應該對齊方式對實現了對布局的應用,而應用web標準構建網頁以後,float浮動屬性是布局中非 常重要的屬性,我們常常通過對div元素應用float浮動來進行布局,不但對整個版式進行規劃,也可以對一些基本元素如導航等進行排列。我們來看看float屬性基本釋義 該屬性的值指出了...

Float浮動布局

什麼是浮動布局?浮動可以設定元素,脫離正常的文件流,向右或者向左,靠近父元素的邊緣或者是設定了浮動的其他的元素的邊緣靠攏。比如,我們使用div等塊標籤的時候,它們都是獨佔一行,但是很多時候要將多個div併排放置,這種情況就可以使用浮動布局。浮動可以那些問題?使用浮動布局之後 這裡也是可以使用浮動解決...