CSS div高度不伸展

我正在编程一个网站，并在一个页面上我有动态内容。具体而言，我想每个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>'; 
}

我在做什么错？

来源

2011-05-21 Emil Omir

很难理解你所面临的问题。这是一个CSS问题吗？也许显示你的HTML结构会有所帮助。 – 2011-05-21 08:21:14

我认为是一个CSS问题。我向你展示了.intrebari div的html/php。该div是在另一个正确漂浮的div中。正确的浮动div是主要的div。它看起来正确的浮动div在其内容之后延伸，但主div不会使内容超出页面： – 2011-05-21 08:40:54

内部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来让主包裹内的内容

来源

2011-05-21 09:03:37 sathishn

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

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

，如果你想拥有div.intrebari舒展的内容horizontaly使值宽度为100％

来源

2011-05-21 08:23:54 Ibu

**首先解释**，然后发布代码。 – 2011-05-21 08:27:05

我说过，如果while循环产生更多的内容，主div不会垂直延展。 – 2011-05-21 08:37:33

CSS div高度不伸展

回答

相关问题