为了账号安全,请及时绑定邮箱和手机立即绑定

为什么圆点不加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>

正在回答

1 回答

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

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

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


1 回复 有任何疑惑可以回复我~
#1

慕粉3775934 提问者

谢谢谢谢 你的回答太好了,完美解决了我的问题。
2016-10-12 回复 有任何疑惑可以回复我~
#2

wang_hao__ 回复 慕粉3775934 提问者

我也是初学,看到了自己会的顺便答一下。加油
2016-10-12 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信