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

来源:13-4 起飞咯 - 浮动模型

远方_花

2016-06-24 16:04

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

#div1{float:left;}

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

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

写回答 关注

3回答

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

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

    远方_花

    非常感谢!

    2016-07-11 19:23:08

    共 1 条回复 >

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

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

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

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

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225297 学习 · 18230 问题

查看课程

相似问题