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

Question

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

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

这个怎么做？这个怎么做？

演示 em 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;        
}

工作小提琴

Answer 2

http://jsfiddle.net/joeframbach/YLCLZ/

img {
    width: 100px;
    float: left;
}
div {
    margin-left: 120px;
}

<img src="http://www.poundland.co.uk/images/4414/original/filler-2.jpg" />
<div>This text is on the right</div>
<div>This is also on the right</div>