html的div写了float之后如何将后面的div挪到右边

img
如图如何把面板挪到上面去,也就是菜单栏的右侧,菜单用div的float、margin来写的位置,如何把面板弄到右边来

将面板float:left或者给他俩的父级display:flex

float left

用浮动float,或者用flex布局display:flex

  1. 如果只给菜单增加了 float ,那么面板会直接在右侧跟随,此时可以通过 margin 来避免重叠。
  2. 可以通过给面板增加 float 属性
  3. 可以通过 position 定位来实现面板的相关位置

关于上述情况,个人更建议采用 flex 布局,灵活性更高且支持弹性(伸缩)

用flex布局,不要用浮动