左右列div

时间:2011-12-04 19:03:10

标签: css html css-float

我有这个HTML和CSS,我需要让它们彼此相邻浮动,当左边的div改变并且所有的高度应该在屏幕上完全打开时,右边的div应该自动调整大小,我该怎么办呢求助:

CSS:

.ne-divadmincontent
{
  top: 15px;
  width: 100%;
  height:100%;    

}
.ne-leftcontent
{
    float:left;
}

.ne-rightcontent
{
    float:left;

    border-left:dotted 1px #CCC;
}

HTML:

<div class="divadmincontent">

       <div class="ne-leftcontent">
            l-content
      </div>

      <div class="ne-rightcontent"> 
           r-content
        </div>

    </div> 

1 个答案:

答案 0 :(得分:1)

如果你没有指定两个内部div标签的宽度(ne-leftcontent,ne-rightcontent),它们将自动获得其父div的宽度(divadmincontent)< / em>的

因此,问题的解决方案是为内部div标签分配一些值

.ne-leftcontent{
    width:40% // 560px
    float:left;
}

.ne-rightcontent{
    width:60% // 400px
    float:left;
}