CSS填充不能在HTML5網頁上工作

我一直在尋找這個答案一段時間。我想添加空間到我的網頁的底部，因爲內容太靠近邊緣。我已經在包裝標籤，身體標籤和樣式標籤中綁定了'padding-bottom'..不工作。對此有所幫助。CSS填充不能在HTML5網頁上工作

謝謝， Keith。

2013-10-01 reddog

你正在定位相對所有的元素。這也造成了填充/保證金問題。你爲什麼要像這樣定位你的元素？嘗試移除相對位置並向您的元素添加頂部/底部邊距。就視覺效果而言，結果將是相同的。添加新音箱也會更簡單，因爲您無需爲每個音箱計算最高定位。

2013-10-01 08:15:41

我使用這種方法，因爲直到現在我不知道任何其他方式。 – reddog

我建議你在CSS定位上尋找一些教程。這不是很複雜。我相信你的練習會更好。 –

奇怪的是，我一直在研究css的定位，對我來說這是一堵磚牆......迄今爲止沒有任何解釋已經清楚地說明了這一點。親戚是相對於什麼？靜態/固定/絕對=相同的東西？無論如何，感謝您的幫助，我的網頁現在工作，因爲我想.. K. – reddog

你有嚴重的設計問題。

所有元素都與top偏移量相對位置，導致wrapper和body實際上比您想象的要小。因爲在確定包裝紙高度時不考慮此偏移量。（所以包裝的高度只是他的孩子的高度的總和，沒有它們之間的偏移）

當你添加padding-bottom到包裝或身體，它的作品（當然），但你沒有看到它。因爲你的元素與包裝重疊。

通過將overflow:hidden;設置爲包裝（或使用工具檢查您的網站），您將能夠看到我是正確的。突然，你的內容的一半消失..

你需要從您的元素中刪除position:relative;，並使用margin-top而不是top來使元素之間的所需空間。

這樣：包裝和身高將被設置正確，並且填充將按照您的預期工作。

2013-10-01 08:10:44 avrahamcool

這是正確的答案。只需讓您的內容自然流暢，然後以邊緣容納。不與定位。當你走下去的時候，你會越來越深入地利用TOP財產。不應該是這樣的。順其自然。就定位而言，您的設計並不複雜。利潤可以完成這項工作。 –

非常感謝..我正在學習。 – reddog

很好，再次感謝..進一步來說，我應該使用相同的系統來定位視頻div中的文本div？ – reddog

回答