Html 左侧浮动未正常工作

我试图让一些div向左浮动，以创建一些下拉菜单。我的问题是这个。当我向左浮动时，除非第一个div后面的div也有float:left，否则它将进入第一个div

我不能把float：左，放在所有东西上，因为这意味着我什么都不能做。它以前是有效的，但我不知道他们为什么要互相攻击

#框1{
宽度：200px；
高度：100px；
背景色：红色；
浮动：左；
}
#框2{
宽度：200px；
高度：100px；
背景颜色：蓝色；
}

---

使两个div都向左浮动

  #box1{
    width: 200px;
    height: 100px;
    background-color: red;
    float: left;
    }
    #box2{
    width: 200px;
    height: 100px;
    background-color: blue;
float:left
    }

---

Div本身就是一个块元素，为了使它在两个Div上都内联使用float，似乎可以很好地使用Asif Ahmed建议的输入

只需添加

float:left在第2栏

（添加边距以显示其不重叠）

仍然无法工作，因为下一个元素将进入它们内部，这是我不想要的。如果您使用引导，那么在end div之后添加一个带有类clearfix的div，它将使其他元素进入下一行。如果没有，则使用div并将css属性设置为clear:both；就像我说的，如果我在第二个div中有float:left，那么之后的内容将进入div。复制代码，但添加另一个不带float的div：左，它将进入两个div。添加float:left在我需要创建网站时不起作用。我该怎么办？将float:left添加到每个元素？？我不确定是否理解您的意思，但您可以在其他两个元素周围添加另一个div。这就是你的意思吗？