Html 2个div浮动对错对齐

我有三个div。我想把最后两个浮到左边，在第一个旁边。但是第二个在第三个之后浮动。 为什么呢

谢谢大家!

这是我的代码：

HTML

---

我按了你想让它看起来像这样

 | div1 | div2|
 |      | div3|

如果是这样的话，请记住float将div置于对象的正常流之外，并使其“粘住”尽可能靠近侧面的上一个元素，仅当上一个元素中不再有任何空间时才转到下一行。 例如： （是的，我知道学校是邪恶的）

---

注意位置是如何随着窗口大小的变化而变化的。

尝试更改您的

浮动：右到<代码>浮动：左并在
#视觉保持架_秒
上移除
宽度：140px

事实上，如果你想要多栏布局，不要害怕使用好的ol'表格。他们在90年代受到虐待，但他们仍然有自己的地位
 如果你想向左浮动，为什么要向右浮动

将左浮动应用于所有三个div：

您的140px宽度比实际内容小得多（为了测试，我将其减少到3.5em）

我希望它们都在同一行div1/div2/div3中使用代码格式，而不是双引号，以提高可读性
#holder_idea{
width:200px;
padding-right:48px;
padding-left:32px;
padding-top:32px;
display:inline-block;
}

#visual_holder_second{
font-family: "Times New Roman";
font-size:7.5em;
text-transform:uppercase;
line-height:60%;
width:140px;
float:right;
padding-top:32px;
}

#invest{float:right;}

 | div1 | div2|
 |      | div3|

div {
    float: left;
    border: 1px solid green;
}
#holder_idea {
    width:200px;
    padding-right:48px;
    padding-left:32px;
    padding-top:32px;
}
#visual_holder_second {
    font-family:"Times New Roman";
    font-size:3.5em;
    text-transform:uppercase;
    line-height:60%;
    width:140px;
    padding-top:32px;
}