<style type="text/css" >
#box1{background:#06F;width:200px; height:100px;float:left;}
#box2{background:#F00;width:300px; height:150px;}
</style>
</head>
<body>
<div id="box1"></div>
<!--<div id="box2"></div>-->
<span>Hello world.</span>
</body>
</html>請教老師浮動的元素后面跟的塊級元素和跟內聯元素他們的表現不同,為什么產生這樣的差異呢,基于什么原理?