为什么这段代码中的div2中的文字不会被遮挡？

发布于
2016-03-14

更新于
2016-03-14

新手上路，请多包涵

为什么这段代码中的div2中的文字"mid"不会被遮挡,而div2本身已经被div1完全遮盖住了？
代码如下：

样式：
<style type="text/css">
        body{font:bold 30px "宋体",sans-serif;}
        .div1{width: 100px;height: 200px;background: red;float: left;}
        .div2{width: 100px;height: 200px;background: green;}
</style>
内容：
<body>
    <div class="div1">left</div>
    <div class="div2">mid</div>
</body>

效果：
图片描述