浮动是什么意思不太明白
代码如下
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
.floatL{
font-size:13px;
color:blue;
width:150px;
height:150px;
border:1px solid #000;
float:left;
}
.floatR{
font-size:13px;
color:blue;
width:150px;
height:150px;
border:1px solid #000;
float:right;
}
</style>
<body>
<span class="floatL">
</span>
<span class="floatL">
</span>
<div style = "clear:both">
</div>
<span class="floatR">
</span>
<span class="floatR">
</span>
</body>
</html>
书中说道将span改为div,那么在不浮动的时候它的排列是一个<div>占用一行的,这是由css的又一特性决定的:块级元素和行级元素。
行级元素会独占一行,例如<div>
块级元素就不会,例如<span>
当<div>被浮动后,它会自动由行级元素转变成了块级元素。
是不是说明在这段代码中span和div其实是没有区别的?