html - 左边 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

如果 div 碰巧有相同数量的元素(例如 3 个链接和一个“更多”按钮用于更多链接)并且每一行可以附加“覆盖:省略号”功能，以便每个 div 相等高度，你会解决你的问题。

否则，如果 Div 2 是唯一显示在右手上的，您可以将其设置为显示在左侧的固定位置。

我只是简单地测试了一下。我真的很讨厌这样做，因为我认为它会剥夺你成长的能力，但唉，我希望你把这个作为一个学习的例子:http://jsfiddle.net/nugPA/

如果你去掉这一行，它会回到一个简单的列:

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

这样的问题过去曾多次被问过。