为什么这个span标签要浮动后才能显示在div里？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
padding:0;
margin:0;
list-style: none;
}
.videoBox{
width:540px;
height:332px;
background-color: #000;
box-shadow: 0 0 4px black;
}
.video{
float:left;
width:540px;
height:305px;
}
.control{
float:left;
width:540px;
height:27px;
background:url(images/ctrs_bg.gif)repeat-x;
}
.control .play{
width:13px;
height:15px;
margin-left:14px;
margin-top:6px;
background:url(images/playNode.png);
cursor:pointer;
float:left;
}
.control .load{
width:267px;
height:10px;
margin:9px 0 0 14px;
float:left;
background:url(images/load_bg.png)repeat-x;
position:relative;
}
.control .load .loadleft{
height:100%;
width:3px;
position: absolute;
left:0;
top:0;
background:url(images/left_bg.png)no-repeat;
}
.control .load .loadright{
height:100%;
width:3px;
position: absolute;
right:0;
top:0;
background:url(images/right_bg.png)no-repeat;
}
.control .load .controller{
width:17px;
height:17px;
background:url(images/crl_bg.png);
position:absolute;
left:-8.5px;
top:-3.5px;
cursor:pointer;
}
.control .timeNode{
float:left;
width:55px;
height:10px;
margin:9px 0 0 9px;
}
.control .timeNode span{
float:left;
color:#fff;
font-size:10px;
line-height:10px;
}
</style>
</head>
<body>
<div class="videoBox">
<!-- 视频 -->
<video class="video" src="data/imooc.mp4"></video>
<!-- 控制器 -->
<div class="control">
<div class="play"></div>
<div class="load">
<div class="loadleft"></div>
<div class="loadright"></div>
<div class="controller"></div>
</div>
<div class="timeNode">
<span class="now">1:30</span>
<span> - </span>
<span class="all">4:30</span>
</div>
</div>
</div>
</body>
</html>
为什么显示在那个timenode里的span标签的文字要浮动后才会显示在timenode里？
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星