margin-bottom無法正常工作？

由於某些原因，我的頁面底部有一些填充，我遇到了麻煩。我有一個內容框到頁面的末尾，觸及底部，看起來並不是最棒的。我想給頁面底部留出一些空間來解決這個問題，但似乎margin-bottom並不像我預期的那樣工作？我已經包含了下面的代碼，它應該是影響內容框的所有內容。我試圖刪除邊距：0在HTML /正文（即使我需要那樣），但似乎並沒有工作嗎？我覺得我失去了一些非常明顯的東西。margin-bottom無法正常工作？

html, body { 
margin:0; 
padding:0; 
width:100%; 
height:100%; 
text-align:left;} 

#content { 
position: absolute; 
left: 50%; 
margin-left: -368px; 
top: 104px; 
padding-left: 35px; 
padding-right: 35px; 
padding-top: 15px; 
padding-bottom: 15px; 
background-color: white; 
border: 1px solid black; 
width: 664px; 
margin-bottom: 20px;}

任何幫助將不勝感激:)謝謝！

活鏈接 - http://quintinmarcus.com/portfolio/

來源

2011-05-09 Quintin

你能解釋一下你在做什麼嗎？爲什麼你有內容絕對定位？您不能在絕對定位的對象上使用邊距，因爲它不會影響其他元素，因爲它基本上已從流中取出。 – Zac 2011-05-09 01:37:08

另外'margin-left：-3680px'似乎有點瘋狂 – mVChr 2011-05-09 01:39:13

對不起-3680，應該是-368，我修正了這個問題。它將內容水平居中。我把它放在絕對位置，因爲它位於圖像的頂部。在瀏覽器調整大小時，我使用了一些重新縮放圖像的CSS，因此它可以作爲我的背景。有什麼辦法仍然可以在底部獲得某種形式的保證金？ – Quintin 2011-05-09 04:57:29

由於content有position: absolute，其利潤率後什麼都不做，也不應該舒展身體，使身體的填充底做任何事情的內部高度。

來源

2011-05-09 01:43:09 entonio

嗯，填充底部確實有效，當我爲增加填充而增加底部時，底部會在底部生長。我試過切換位置，但這也沒有使邊緣底部的工作... – Quintin 2011-05-09 04:43:47

請仔細閱讀。只要元素被絕對定位，元素的邊緣底部和身體的填充底部都不會執行任何操作，因爲絕對定位的元素不會影響其兄弟或上級的佈局。那麼，爲什麼元素絕對位於第一位呢？ – entonio 2011-05-09 11:41:21

我仔細閱讀並解釋說，填充對絕對定位的東西起作用。我明白你對保證金底部的看法。元素的位置絕對是因爲它位於圖像的頂部。 – Quintin 2011-05-09 20:48:21

如果要居中佈局，修改當前的風格#content以下幾點：

CSS：

#content { 
width:664px; 
margin:104 auto 20px auto; 
padding: 15px 35px; 
background-color: white; 
border: 1px solid black; 
}

這也將讓你給保證金在底部你想。

來源

2011-05-09 02:09:27 Dan

這也集中它，但仍然不會給我底部邊距，即使當我使用margin-bottom後？ – Quintin 2011-05-09 04:41:49

你可以提供一個實時鏈接或把東西放在jsfiddle.net上嗎？如果我們有需要看和看的東西，那將會更容易幫助你。 – Dan 2011-05-09 05:00:57

margin-bottom無法正常工作？

回答

相關問題