'margin-bottom'對於具有自動高度的DIV不可見

Question

我有一個容器DIV（block2），它有2個子div（標題和內容），容器的高度應該適應這些子標籤。

但是，爲容器div指定的底部邊距不會顯示，因爲它的高度是動態的。我沒有任何浮動元素（嘗試清楚：既風格div，也沒有工作）。

這是我的CSS： （'details'是'content'中的表格） 請原諒我笨拙的代碼。新的CSS。

#block2 { 
width: 91%; 
height: auto; 
background: #c9b18b; 
margin: -1px auto 0px auto; 
padding-top: 1px; 
} 

#headline { 
background: #70a3be; 
height: 300px; 
margin: 13px 13px 12px 13px; 
} 

#headline h1 { 
float:right; 
margin-top: 10px; 
padding-right:55px; 
font-size: 425%; 
font-weight: bold; 
text-align: right; 
font-family: arial, sans-serif; 
color: #005480; 
} 

#content { 
background: #FFFFFF; 
height: 300px; 
margin: -1px 13px 13px 13px; 
padding-top: 1px; 
} 

#details 
{ 
width: 97%; 
margin: 50px 0px 15px 15px; 
border-collapse: collapse; 
} 

#details td { 
padding: 10px; 
} 

#details tr.odd { 
font-family: Arial, Helvetica, sans-serif; 
font-size: x-large; 
font-weight: bold; 
background-color: #d9e6ee; 
color: #005480; 
border-top: 4px solid #6578b2; 
border-bottom: 4px solid #6578b2; 
} 

#details tr.even { 
font-family: Arial, Helvetica, sans-serif; 
font-size:x-large; 
font-weight: bold; 
background-color: #ffffff; 
color: #005480; 
} 

#details tr.header { 
font-family: arial; 
font-weight: bold; 
font-size: 1.6em; 
} 

#details a { 
text-decoration: none; 
color: #005480; 
} 

#details td.region {width: 13%;} 

#details td.city {width: 17%;} 

#details td.topic {width: 40%;} 

#details td.date {width: 15%;} 

如何獲取block2的底部邊距？有什麼建議麼？

Answer 1

插入你的容器內的另一個<div id=#wrapper>和#block2 {margin-bottom:2px;}