0

2 つの子 div (見出しとコンテンツ) を持つコンテナー DIV (block2) があり、コンテナーの高さはこれらの子タグに適応する必要があります。

ただし、高さが動的であるため、コンテナ div に指定された下マージンは表示されません。フローティング要素はありません (clear:both スタイルの 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 の下マージンを表示するにはどうすればよいですか? 助言がありますか？

4

1 に答える 1

0

コンテナを別のコンテナに挿入し、<div id=#wrapper>別のcssを再度指定します#block2 {margin-bottom:2px;}

于 2013-08-30T15:28:42.717 に答える