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主要

之后引入它

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浮动，你需要向主要div的左边或右边浮动来获得内部内容的主要内容

Answer 2

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

如果你想让div.intrebari拉伸水平的内容使得宽度值达到100％

CSS div高度不拉伸

2 个答案: