css子元素浮動後父元素高度不能自動撐開

時間 2021-05-05 01:42:00

1樓:yty隨意

1、首先新建乙個html檔案,命名為test.html。

2、在test.html檔案內,使用p標籤建立兩行文字,**如下。

3、在test.html檔案內,設定第乙個p標籤id屬性為mp,主要用於下面使用css設定該p元素隱藏。

4、在test.html檔案內,編寫標籤,下面將在標籤內編寫css樣式。

5、在css標籤內,使用css設定p標籤的行高為30px,在瀏覽器執行test.html。

6、在css標籤內,對id為mp的p元素樣式進行單獨定義,通過dispay屬性設定為none,實現該p元素隱藏不可見。

7、最後在瀏覽器開啟test.html檔案,檢視實現的效果。

2樓:你的宇哥哥啊

三種方法可以解決:

1、給父元素(也就是你的.new)加乙個overflow:hidden;

2、將父元素也一起浮動(這個比較複雜,會影響到父元素的同級元素);

3、在父元素的最後乙個子元素(也就是你的ul標籤)後邊再增加多乙個非浮動的子元素,然後將這個子元素加個clear(例:

)至於第3種方法的原理嘛…是因為父元素一定會包圍著他所有遵循標準流的子元素(也就是你在最後新加的那個非浮動子元素),而這個子元素的頂部會緊貼在你的ul底部,所以父元素會因此撐開高度。

(css浮動原理:如果b元素浮動,上乙個元素也是浮動的話,會緊跟其後,除非不夠寬才會另起一行;如果上乙個元素不是浮動的話,也就是遵循標準流,那麼b元素頂部會緊貼上乙個元素底部;當然,如果b元素不浮動,是遵循文件流的話,就會預設佔一行了)

關於css浮動這裡有篇通俗易懂的文章:

3樓:匿名使用者

加乙個dispaly:table:

clear:both

4樓:醫小美

你給news加乙個overflow:hidden

css 子級加了絕對定位 父級撐不開

5樓:匿名使用者

6樓:匿名使用者

.div01// 加個float:

如何撐開父元素,讓父元素div自動適應高度的問題

7樓:提反反覆覆

希望子元素撐開父級元素可以使用以下兩種方法: 1、父級元素寬度不固定,父級元素設定為inline-block或者新增float; 2、對父級元素使用min-width,這樣只限制了最小的寬度,如果子元素變寬,父級同樣會變寬;

CSS絕對定位後,後面的元素怎麼繼著這個絕對定位元素布局

網海1書生 可以另設乙個絕對定位的層,緊接在前乙個絕對定位的元素後面,然後把後面的其他靜態元素都放進這個層裡。也可以把絕對定位的元素放到乙個相對定位的元素裡面,並且把相對定位的元素調整到合適的大小,這樣後面的靜態元素就會緊接在這個相對定位的元素後面,不受絕對定位元素的影響 乙個絕對定位 x 乙個普通...

父元素怎麼包含絕對定位的子元素,div父元素相對定位 子元素絕對定位孫子元素怎麼辦

吹散的風 1 父元素要有相對定位屬性 position relative 2 子元素在設定絕對定位 position absolute 並且同時加四個方向 top,bottom,left,right 的任意方向的屬性值。 小瀟筱肖曉蕭 正好前兩天做的一個例子,拿出來說說 在這裡顯示形式是 datep...

CSS滑鼠移上去給元素加邊框,怎麼能保證後面的元素不動

幻翼高達 2 在index.html中的標籤中,輸入css a.big。3 瀏覽器執行index.html頁面,此時滑鼠移動到123上,由於預設了1個與背景顏色一樣的邊框,此時變成立體感邊框時不會影響到後面的456。 純潔的小樹 知道原因就知道了解決辦法,兩種方法 第一種方法 讓滑鼠hover時改變...