2017-03-22 54 views
0

我有一個討厭的問題,其中我的h元素(例如h2)在之前的元素之後浮動。爲什麼我的h元素不顯示塊?

我以爲使得h元素應該只是顯示塊,又名,開始在一個新行?我想我錯了。另外,我錯了什麼顯示:塊意味着什麼?我認爲這意味着該div將佔據從左到右的所有空間,我認爲這意味着它應該從一條新線開始,當它結束時,下一個元素也將顯示在一條新線上。

我試過了:明白兩個;和溢出:隱藏;在我的h元素的CSS中,但它不起作用。

頁面看起來像後對方,(現在只是圖片和H2S)一切浮一團糟。當我檢查chrome中的h2元素時(我正在用chrome查看所有這些內容),藍色部分(實際元素)會一路穿過,但我的文本不是。文本在上一個元素之後開始。

我想我所有的^ h元素的永遠是自己的路線,從左至右填充。

a screen shot of the issue

提前感謝!

+1

你能分享你的HTML和CSS代碼嗎? – Lucian

+0

歡迎來到SO,請訪問幫助中心,看看如何提出一個好問題 - 尋求調試幫助的問題(「爲什麼不是這個代碼工作?」)必須包含所需的行爲,特定的問題或錯誤,以及在問題本身中重現它所需的最短代碼。請參閱如何創建[MCVE] – Pete

+0

請注意,左側的圖像浮動到左側('float:left'),這意味着右側的文本將環繞圖像。嘗試爲你的圖像或其容器添加'clear:both'到你的'h2'和'overflow:auto'。 –

回答

0

解決方案是不僅將clear: both,而且還將overflow: auto添加到浮動元素的容器/父元素,以便它將浮動元素佔用的所有空間。

相關問題