左边2个div 1右边

Question

嗨我试图让2个div在左边对齐一个在右边。

#div1 #div2 
#div1 #div2 
#div3 #div2 
#div3 
#div3 

，关键是我想＃DIV2时由浏览器窗口越小＃DIV1和＃DIV3之间里钻

此刻＃DIV3仅＃DIV2后启动，但正确地落入地方，当收缩窗口

#div1 #div2 
#div1 #div2 
     #div2 
#div3 
#div3 
#div3 

Answer 1

这是你想到的吗？ （手动缩小视口大小在行动中看到的媒体查询。）

HTML

<div id="div1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</div> 
<div id="div2">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</div> 
<div id="div3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</div>​ 

CSS

#div1, #div2, #div3 { 
    width: 300px; 
} 

#div1 { 
    border: 1px solid red; 
} 

#div2 { 
    border: 1px solid lime; 
    position: absolute; 
    top: 0px; 
    right: 0px; 
} 

#div3 { 
    border: 1px solid cyan; 
} 

@media screen and (max-width: 600px) { 
#div2 { 
    position: static; 
} 
} 

DEMO

http://jsfiddle.net/z9AsG/

Answer 2

如果的div碰巧有相同数量的元素（如3个链接和“的更多“按钮以获得更多链接），每行可以通过”Override：ellipsis“函数附加，这样每个div都具有相同的高度，您可以解决您的问题。

否则，如果Div 2是唯一一个出现在右手边的人，您可以将它设置为从左边的固定位置显示。

我刚刚在小提琴中测试过它。我真的很鄙视这样做，因为我觉得它需要它远离你成长的能力，但是，唉，我希望你把这个学习的榜样：如果你离开它可以追溯到一个简单的列走这条线http://jsfiddle.net/nugPA/

：

div#two {position: fixed; left: 150px;} 

这样的问题在过去曾多次提出过。