为什么浮动的div不会浮动到第一个div左边？

Question

    <div >
        <div style="width: 100px;height: 100px;background: blue"></div>
        <div style="float: left;width: 100px;height: 100px;background: rebeccapurple"></div>
    </div>

Answer 1

因为第一个div还是一个块状元素，虽然内容宽度为100px，但仍然占据一整行的宽度空间。设置其为display:inline-block或float:left即达到你的目的了。

Answer 2

<div >

    <div style="width: 100px;height: 100px;background: blue;display:inline-block;"></div>
    <div style="float: left;width: 100px;height: 100px;background: rebeccapurple;display:inline-block;"></div>
</div>


均将div块级元素改变为成行又成块元素，display:inline-block即可

Answer 3

第一个是块级独占一行 浮动元素是不能过去的