问答详情
源自：13-4 起飞咯 - 浮动模型

两个栏目分别左右浮动的问题

我去掉了div中的float:left后，本来要在下边加上

#div1{float:left;}

#div2{float:right;} 这样就可以实现栏目一和栏目二分别左右浮动。但是我写了第一行代码:

#div1{float:left;}后栏目二的框就没有了，为什么？为什么代码影响了后边栏目二的格式？

提问者：远方_花 2016-06-24 16:04

个回答

  • FelixJaehn
    2016-06-24 16:39:08
    已采纳

    div2默认还是流动模式，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布。而div1已经设置为浮动了，所以div2在第一行显示，两个框重叠了

    0
  • 慕粉3536645
    2016-06-24 16:29:56

    是不是你把div中的border属性删除了啊？

    0
  • 前端纯白君
    2016-06-24 16:28:26

    只定义一次div不用区分1和2

    0