div與固定和另一個div左對齊100％

我想使左對齊固定的div。我希望另一個div取100％的大小restante.quero使左對齊固定的div。而且我希望另一個div可以獲得剩餘尺寸的100％。div與固定和另一個div左對齊100％

但是，第二個div總是下降，但第二個div總是下降。

如何做到這一點？這個怎麼做？

演示EM的jsfiddle：

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

來源

2013-03-21 Marlon Tiedt

我在理解這個問題上有點麻煩。 – isherwood 2013-03-21 13:09:48

tks ...改變標題... – 2013-03-21 13:12:43

更改您的以下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

來源

2013-03-21 13:30:42

或者擺脫定位並使用margin-left代替。 – 2013-03-21 13:33:04

@joeframbach從未這樣做過。你能告訴我如何？（也許在這裏發帖作爲答案） – 2013-03-21 13:34:09

發表http://jsfiddle.net/joeframbach/YLCLZ/ – 2013-03-21 14:00:54

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>

來源

2013-03-21 13:58:36

+1不錯的一個.. :) – 2013-03-22 18:30:24

div與固定和另一個div左對齊100％

回答

相關問題