為什么圓點不加float:left就顯示不出來，加了float:left就可以正常顯示？
<!DOCTYPE?html>
<html>
?<head>
??<meta?charset="utf-8">
??<title></title>
??<style?type="text/css">
???.btn?{position:?absolute;height:?10px;width:?100px;top:?20px;left:?250px;}
????.btn?span{float:right;cursor:pointer;border:?1px?solid?#fff;width:?10px;height:?10px;border-radius:?10px;background:?#333;margin-right:?5px;}
????</style>
?</head>
?<body>
??<div?class="btn">
??<span>
??</span>
??</div>
????</body>
</html>
2016-10-12
span是內聯元素，寬度高度設置無效；而且在<span></span>，沒有內容情況下當然不顯示。
float不緊可以左浮動使其在一行顯示，而且會轉化為塊級元素使得寬高設置生效
大致這個意思，可以看一下http://www.xianlaiwan.cn/learn/121 張鑫旭關于浮動的深入講解 5-3 float與display：block化，