html - float 和 clear 不适用于 span 元素

Question

1.尽管有明确的属性，但第二个跨度不会低于。为什么？

2.display第一个的属性设置为block，当它有一个float属性但第二个没有低于（它应该低于，因为第一个span是block）

.sp1,.sp2{
    background-color: red;
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 20px;
    text-align: center;
}

.sp2{
clear: both;
}

.sp1{
    float: left;
}

<span class="sp1">One</span>
<span class="sp2">Two</span>

标签： htmlcss