CSS斷行問題

我在論壇搜索了類似的CSS問題，但我的關鍵字並沒有真正幫助。我很抱歉，如果這已被問到別處但我找不到它。CSS斷行問題

所以，簡單來說，我是新來的網站設計，並試圖爲朋友建立一個網站。我有一個想法，並將它一點一點地放在一起，但我遇到了一個奇怪的問題。這是很難解釋，所以我會發布兩個環節，並解釋了兩者之間的區別：

如果你看一下這兩個網站時遇到的問題應該是清楚的。基本上，我有一個「內容」部分，似乎有一些不可見的標籤侵入前兩行。上面兩個參考文獻的唯一區別在於，首先，我在「content」部分放置了一個< p>標籤，然後在第二個放置了兩個換行符，然後放置了標籤。事實上，當有兩個換行符時，文本會換行，但是否則會暗示有一些DOM元素侵入了「content」div的空間，但是我已經使用了每個瀏覽器的「檢查」工具並且找不到罪魁禍首。如果有人能幫助我，我將不勝感激。謝謝！

來源

2013-03-27 sunny-mittal

試加clear: both在這裏找到了：http://www.maxdesign.com.au/articles/css-layouts/ – Fredy 2013-03-27 06:08:00

我看了在那個網站相當多。我已經學習了很多CSS，並且實際上知道了很多，但我遇到的問題對我來說是陌生的。一般來說，如果我有這樣的問題，我可以使用FireBug或瀏覽器的內置調試器來發現我的問題，但這次沒有什麼似乎有幫助:( – 2013-03-27 06:10:53

什麼是包裝你在說什麼？這個詞「測試」包裝？ – 2013-03-27 06:12:20

我看着你的代碼，它需要一些反思與重構。您使用css職位並不合適。請深入瞭解定位和漂浮，以更好地瞭解如何構建容器。

要解決你的問題，你可以在#content

#content{clear:both;}

來源

2013-03-27 06:19:47 Jaspero

我希望我可以添加一個檢查這兩個職位和上述，因爲他們都工作，但我不被允許。「溢出：汽車」和「明確：兩個」的建議都奏效，但我是人它很困惑，爲什麼這是事實。你說我使用css職位並不合適，我想知道這是爲什麼。我使用的唯一定位是在「部分」和背景圖像之間放置必要的間距。有一個更好的方法嗎？即使有，我也不明白爲什麼我需要清除浮動內容才能正確顯示內容...... – 2013-03-27 07:48:07

內容div與其他內容分開，我沒有使用任何「絕對」或「固定「定位。也許我對「浮動」的理解是需要修改的。我已經閱讀了大量的CSS文章來幫助解釋定位和浮動，並且我認爲我瞭解它們，但顯然我沒有。我真的不明白爲什麼「明確：兩者」都適用於不應該有浮動內容侵入「內容」div的情況。 – 2013-03-27 07:48:40

我認爲你決定用什麼來分離容器更主觀。可能是'不合適'不是合適的詞。我會讓div自然堆疊，並且可能會使用邊距來創建間距。您在徽標和導航欄上使用了浮動。比之後的元素不使用浮動。所以，它變得有點混亂。通常，如果您爲某些容器使用浮動塊並決定不將浮動塊用於以下容器，則可能需要清除這些浮動塊，就像我對解決方案所做的那樣。 – Jaspero 2013-03-27 16:05:32

在第一個鏈接（不換行，除去頂部：25px的添加overfolw：自動）

#content { 
background: white; 
position: relative; 
width: 100%; 
height: 550px; 
margin: auto; 
opacity: 0; 
overflow: auto; 
}

來源

2013-03-27 06:10:50 Venugopal

回答

相關問題