CSS浮动内容更改父位置

为什么带有float:left或float:right内容的按钮会更改按钮的垂直位置？ 比如说

aaa
bbb
ccc
ddd

---

为什么这4个按钮不在同一垂直位置？如何解决此问题？

这是因为您的div宽度不够4个按钮。增加它

将float指定为div的左或右没有意义。实际上不需要div。只需使用以下代码：

aaa
bbb
ccc
ddd

这是因为您的div宽度不够4个按钮。增加它

将float指定为div的左或右没有意义。实际上不需要div。只需使用以下代码：

aaa
bbb
ccc
ddd

将垂直对齐添加到按钮的“全部”

button{vertical-align:top;} 

---

将垂直对齐全部添加到按钮

button{vertical-align:top;} 

aaa
bbb
ccc
ddd

aaa
bbb
ccc
ddd

所以我必须将所有按钮内容包装在float div中以使它们处于相同的垂直位置？所以我必须将所有按钮内容包装在float div中以使它们处于相同的垂直位置？