浮動引起的問題

2021-10-09 09:37:55 字數 492 閱讀 4392

父元素的高度坍塌,即變為0;

如果父元素裡所有的元素都浮動,浮動之後從父元素裡面「跑」了出去,相當於父元素裡面沒有了元素,高度沒有元素「撐起來」,所以就會造成父元素的高度變為0的情況。

影響內聯元素的位置;

假設父元素裡有浮動元素和內聯元素,假設浮動元素在內聯元素的右邊且元素往左浮動,內聯元素會被「擠」到浮動元素的右邊,同理,如果浮動元素在內聯元素前面且浮動元素往右浮動,也會將內聯元素「擠」到左邊,影響內聯元素的位置。這種情況就要控制浮動元素浮動的位置或者控制內聯元素的位置。

給父元素設定固定高度,使父元素有自己的內容。

給父元素設定overflow:hidden;

在父元素的內部,浮動元素的最後,設定乙個塊級元素,並對其設定屬性:clear:both;

對父元素新增after偽元素,並對其設定屬性:content:"";

display:block;

clear:both;

以上僅為本人的一點理解,不足之處歡迎指正!

浮動引起的文字重影

在做專案開發時遇到了乙個怪異現象 整段內容被重影 的問題,一般來說這類問題在ie6中表現的比較多,但這次出人意料的是ie7也殃及在內。在早前網際網路上就有分享過使用html注釋會引起類似的文字倒影問題,但此時的頁面卻是沒有任何注釋 持續地測試分析問題變得越來越有趣了 測試結果為當不適當地使用floa...

浮動元素會引起什麼問題?如何清 除浮動?

浮動定位將元素排除在普通流之外,即元素講脫離文件流,不佔據空間。浮動元素碰到包含它的邊框或者浮動元素的邊框停留 1 父元素的高度無法被撐開,影響與父元素同級的元素 2 與浮動元素同級的非浮動元素 內聯元素 會跟隨其後 3 若非第乙個元素浮動,則該元素之前的元素也需要浮動,否則會影響頁面顯示的結構解決...

浮動元素引起的問題以及清除浮動的幾種方式

浮動引起的問題 1.父元素的高度無法被撐開,影響與父元素同級的元素 2.與元素同級的非浮動元素會緊隨其後 類似遮蓋現象 3.如果乙個元素浮動,則該元素之前的元素也需要浮動 否則,會影響頁面顯示的結構 即通常所說的序列現象 解決方法如下 1.為父元素設定固定高度 2.為父元素設定overflow hi...