如何改變DIV的高度，以覆蓋文本區域（CSS）

Question

原單的CSS代碼 http://www.faressoft.org/BlueCristalTheme/postView.php

結果應該是

Answer 1

幾件事情會在這裏：

• 您的評論框格擁有100像素
• 固定高度的所有這個div裏面的元素絕對定位，這需要他們出文檔的正常流動，這會導致包含註釋框div無法包裹/拉伸以適合兒童使用浮點數或僅刪除看起來像第二個<p>的較大內容的位置。用利潤率來此<p>的位置，請參見下面

我能夠改變你的CSS如下來解決這個問題：

#comments .commentBox { /* style.css line 483 */ 
background-color:#DCDCDC; 
/*height:100px; --removed this */ 
min-height:100px; 
position:relative; 
} 

#comments .commentBox .comment-content { /* style.css line 523 */ 
color:#676767; 
font-size:0.91em; 
font-weight:bold; 
line-height:24px; 
margin:52px 92px 0 0; /* -- added this */ 
/* -- removed these 
position:absolute; 
right:95px; 
top:52px; 
width:570px; 
*/ 
} 

Answer 2

你想要的clearfix黑客。

添加到您的樣式表：

.clearfix:after { 
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0; 
    height: 0; 
} 

.clearfix { 
    display: inline-block; 
} 

html[xmlns] .clearfix { 
    display: block; 
} 

* html .clearfix { 
    height: 1%; 
} 

然後，添加class="clearfix"到您的DIV（或clearfix到您現有的div類），並應適當清除文本。