如下面的html代码 为什么在span上面加上了float:left 后 span就会跟着下面的div动

<span style="display: inline-block;float: left;border: 1px solid ">wo shi yige ren </span>
<div style="width: 300px;height: 300px;border: 1px solid black;margin-top: 100px;">
最新回答
钢铁不是铁

2024-04-17 00:59:00

浮动布局下,span+div的宽度小于包含他们的div的宽度,div就会自动跑到span的右边了,如果不行div跟正浮动,可以使用<div style="clear:both"></div>清除浮动,你可以多看看关于布局的解释
追问
整个页面就两行代码  没有div包含是span 和 div  ,这里的span和div没有包含于被包含的关系。。
追答
还有body啊

一澜冬雪

2024-04-17 07:56:17

虽然没有明白你的意思。发现你后面少了个div的关闭标签。我测试了下,内容没有动,不知道是不是你别的代码影响了。