<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>请教老师浮动的元素后面跟的块级元素和跟内联元素他们的表现不同，为什么产生这样的差异呢，基于什么原理？
