为什么圆点不加float:left就显示不出来,加了float:left就可以正常显示?

来源:2-1 样式布局关键代码讲解

慕粉3775934

2016-10-12 10:31

<!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>
写回答 关注

1回答

  • wang_hao__
    2016-10-12 11:10:18
    已采纳

    span是内联元素,宽度高度设置无效;而且在<span></span>,没有内容情况下当然不显示。

    float不紧可以左浮动使其在一行显示,而且会转化为块级元素使得宽高设置生效

    大致这个意思,可以看一下http://www.imooc.com/learn/121 张鑫旭关于浮动的深入讲解 5-3 float与display:block化,


    wang_h... 回复慕粉3775...

    我也是初学,看到了自己会的顺便答一下。加油

    2016-10-12 21:37:18

    共 2 条回复 >

焦点图轮播特效

通过本教程学习您将能掌握非常实用的焦点图轮播特效的制作过程

65296 学习 · 611 问题

查看课程

相似问题