div左对齐固定,另一个div与100%对齐

时间:2013-03-21 13:07:23

标签: html css css-float

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

然而,第二个div总是下降,但第二个div总是下降。

怎么做?怎么做?

演示em jsFiddle:

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

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

2 个答案:

答案 0 :(得分: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

答案 1 :(得分:1)

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>