html - div 与 fixed 左对齐，另一个 div 与 100% 对齐

Question

我想让一个 div 固定在左边。我希望另一个 div 占用 100% 的大小 restante.quero 使 div 与固定的左侧对齐。我希望另一个 div 占据剩余大小的 100%。

但是，第二个div总是往下，但是第二个div总是往下。

如何做到这一点？如何做到这一点？

演示 jsFiddle:

http://jsfiddle.net/jxt4V/1/

.coluna2
{
    height:auto;
    width:100%;    
    float : left;        
}

Answer 1

将您的以下 css 更改为此:(#principal 和 .coluna2)

#principal 
{
    width:100%;
    background:#babaca; 
    float : left;   
    word-wrap: break-word;
    position:relative;   /* adding Position: relative; here */   
}



.coluna2
{
    height:auto;
    position:absolute;
    top:0;
    left:150px;   /* giving the value of the adjacent element ie width: 150px */
    bottom:0;
    right:0;        
}

Working Fiddle