Question

我的css有问题。我们假设以下结构

<div id='maincontainer'>
  <div id='item'>
     <div id='itemimage'> </div>
     <div id='itemtext'> </div>
  </div>
</div>

现在。对于数据库中的每个项目，它都会打印一个项目，以及相应的图像和文本。假设我的数据库中有4个项目。它打印第一个精细，第二个，但第三个和第四个打印出容器。

我的主容器有一个最小高度，它随着itemdiv的高度而延伸。但在两件事之后，它就会停止延伸。

你有什么想法。

#maincontainer {

    font-size:11px;
    font-family:Verdana;
    margin-top:60px;   
    margin-left:auto;
    margin-right:auto;
    min-height:50px;
    height:auto!important;
    overflow:hidden;
    width:650px;
    position:relative; 
    color:#465258;
    text-align:left;
    border:1px solid black;



}

#item  
{

    height:170px;
    width:650px;
    position:relative;
    clear:both;
}

#itemimage
{

    float:left;
    height:135px;
    width:200px;
    position:relative;
    clear:both;

}

#item_text
{

     color:#465258;
     width:435px;     
     margin-top:-135px;
     height:110px;   
     float:right;
     position:relative;
     padding-top:10px;
     padding-bottom:10px;
     clear:both;
}

Answer 1

为什么你需要一个高度在div？它应该垂直拉伸以适应其内容。除非您在物品上使用浮子并且不使用浮子清除方法。

Div没有填充容器

1 个答案: