2011-05-21 97 views
1

我正在編程一個網站,並在一個頁面上我有動態內容。具體而言,我想每個div都顯示一些內容。主要的div不會延伸到這個內容上。CSS div高度不伸展

#main{ 
    position:relative; 
    background-image:url(images/main_middle.png); 
    background-repeat:repeat-y; 
    width:850px; 
    min-height:450px; 
} 
.intrebari{ 
    position:relative; 
    width:400px; 
    min-height:150px; 
    padding:20px; 
} 

while($row=mysql_fetch_array($rezultat)){ 
    echo '<div class="intrebari"> 
       <div id="upleft"></div> 
     <div id="upright"></div> 
     <div id="downleft"></div> 
     <div id="downright"></div> 
     '.$_SESSION['username'].' a intrebat:<br /> 
     '.$row['question'].' 
     </div>'; 
} 

我在做什麼錯?

+0

很難理解你所面臨的問題。這是一個CSS問題嗎?也許顯示你的HTML結構會有所幫助。 – 2011-05-21 08:21:14

+0

我認爲是一個CSS問題。我向你展示了.intrebari div的html/php。該div是在另一個正確漂浮的div中。正確的浮動div是主要的div。它看起來正確的浮動div在其內容之後延伸,但主div不會使內容超出頁面: – 2011-05-21 08:40:54

回答

1

內部div有被清零,從而外應該知道內部的高度DIV 你可以使用一個類

.clear{ 
    clear:both; 
} 

和內部外格主要

echo '<div class="intrebari"> 
       <div id="upleft"></div> 
     <div id="upright"></div> 
     <div id="downleft"></div> 
     <div id="downright"></div> 
     '.$_SESSION['username'].' a intrebat:<br /> 
     '.$row['question'].' 
     </div><div class="clear"></div>'; 
你內心的div後,將其引入

這將幫助你

如果你給浮到intrebari,你需要給浮向左或向右主div來讓主包裹內的內容

+0

它把我浮在intrebari後它工作。謝謝 – 2011-05-21 10:17:34

0
.intrebari{ 
    position:relative; 
    width:100% 
    min-height:150px; 
    padding:20px; 
} 

,如果你想擁有div.intrebari舒展的內容horizo​​ntaly使值寬度爲100%

+0

**首先解釋**,然後發佈代碼。 – 2011-05-21 08:27:05

+0

我說過,如果while循環產生更多的內容,主div不會垂直延展。 – 2011-05-21 08:37:33