这个浮动float是控制的哪个div?

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

天空的云朵

2015-07-20 22:17


<style type="text/css">
div{
    border:2px red solid;
    width:100px;
    height:100px;
}
#div1{float:left;}

</style>
</head>
<body>
<div id="div1">栏目1</div>
<div id="div2">栏目2</div>
<div id="div3">栏目3</div>
<div id="div4">栏目4</div>
</body>
</html>

如上代码,我如果只设置#div的话,为什么会导致div3和div2重叠,从上到下垂直显示的是div1/div2&div3(两者重叠了)/div4

写回答 关注

2回答

  • qq_普通人_1
    2015-11-13 12:01:50

    我也没懂为什么div3和div2重叠,你们说的太抽象了

  • 康振宁
    2015-07-21 11:33:23

    前面不是写了吗?#div1就是控制ID是这个的元素啊

    为什么重叠,就是因为你把一个元素浮动之后,另一个元素顶上来了

    如果你不想让后面的元素重叠的话,你可以在后面元素中写clear:left

    qq_十一_... 回复qq_普通人...

    不是div2和div3重叠了。是因为div1设置float后,只对div2产生了影响,导致div2效果上看起来只有“栏目2”两个字,只是看起来像是div2和div3重叠了。你可以把div2的宽度设置的比div1大就会看出效果了。

    2015-12-16 22:57:44

    共 4 条回复 >

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

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

1225309 学习 · 18230 问题

查看课程

相似问题