Question

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

我不能把浮动：左，放在一切因为这意味着我无法做任何事情。以前工作过，但我不确定他们为什么要进去彼此？

＆＃13;

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

＆＃13;

<div id="box1">
</div>
<div id="box2">
</div>

＆＃13;

Answer 1

MaKe两个div都向左浮动

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

Div本身就是一个块元素，使它在两个div上使用float inline

Answer 2

似乎可以正常使用Asif Ahmed建议的输入。

只需在＃box2

添加float: left;即可

（增加保证金以显示其不重叠）

https://jsfiddle.net/jwe5cohy/

漂浮离开不能正常工作

2 个答案: