php - CSS div 高度不拉伸(stretch)

Question

我正在编写一个网站，并且在一个页面上有动态内容。具体来说，我想在每个 div 中显示一些内容。并且主 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>';
}

我做错了什么？

Answer 1

必须清除内部 div，以便外部应该知道内部 div 的高度你可以使用一个类

.clear{
  clear:both;
}

并在你的内部 div 之后在外部 div main 中引入它

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>';

这对你有帮助

如果你给了intrebari float，你需要给main div left or right float 来让main wrap里面的内容