html,为何这段代码清除浮动没用?

2024-12-18 21:58:50
推荐回答(2个)
回答1:

span是行内元素,而非块级元素,给它加display:block就变成块级元素了,即span {clear:left; display:block;}就可以清除浮动了。





无标题文档

body{ font:80% "楷体";}
h3{ font:1.2em "微软雅黑";}
#wo1{ width:12em;
          float:left;        /*定义在左侧的浮动层,浮动占位置*/
   color:white;
   background:#060;
   padding:1em;
   margin:0px;
  }
span {clear:left; display:block; }



 一月一日 领导者必须正直


组织的精神是自上而下树立起来的


在职的时候任务与管理


首先我们了解一下摄像知识:摄像机是以每秒25帧的图像进行拍摄,
而每帧图像又是以一定的快门速度拍摄的,最常用的应该是1/50或1/60秒。
也就是说,如果一部摄像机.

以每帧1/60秒帧的速度拍摄,那么在每一秒钟,
摄像机拍摄了一个物体的25个1/60秒的瞬间,同时也有25个约1/40秒时间是没有拍摄的空格。
我们先假设如果是一个点状物体,以高速运行时在摄像机上留下的轨迹应该是一段线条
(约1/60秒移动的轨迹)和一段空格(约1/40秒移动的距离)。我们从世乒赛录像的每
帧画面上就可以找到乒乓球运行的轨迹,乒乓球已经被拍成了长条状,并且经过一点距离
,又出现一个长条,这就是无翼“飞棍”。



再看看有翼“飞棍”。首先,我们可以根据合成照片分析出:两个“飞棍”
头的间隔约有一个“飞棍”的距离,也就是说“飞棍”在1/40秒的摄像空格时
飞行了大约一个“飞棍”的距离,由此推论,在1/60的曝光时间它该移动多远
呢?只有两个结论



回答2:





无标题文档

body{ font:80% "楷体";}
h3{ font:1.2em "微软雅黑";}
#wo1{ width:12em;
          float:left;        /*定义在左侧的浮动层,浮动占位置*/
           color:white;
           background:#060;
           padding:1em;
           margin:0px;
          }
#wo2{clear:left; }



 一月一日 领导者必须正直


组织的精神是自上而下树立起来的


在职的时候任务与管理


首先我们了解一下摄像知识:摄像机是以每秒25帧的图像进行拍摄,
而每帧图像又是以一定的快门速度拍摄的,最常用的应该是1/50或1/60秒。
也就是说,如果一部摄像机.

以每帧1/60秒帧的速度拍摄,那么在每一秒钟,
摄像机拍摄了一个物体的25个1/60秒的瞬间,同时也有25个约1/40秒时间是没有拍摄的空格。
我们先假设如果是一个点状物体,以高速运行时在摄像机上留下的轨迹应该是一段线条
(约1/60秒移动的轨迹)和一段空格(约1/40秒移动的距离)。我们从世乒赛录像的每
帧画面上就可以找到乒乓球运行的轨迹,乒乓球已经被拍成了长条状,并且经过一点距离
,又出现一个长条,这就是无翼“飞棍”。



再看看有翼“飞棍”。首先,我们可以根据合成照片分析出:两个“飞棍”
头的间隔约有一个“飞棍”的距离,也就是说“飞棍”在1/40秒的摄像空格时
飞行了大约一个“飞棍”的距离,由此推论,在1/60的曝光时间它该移动多远
呢?只有两个结论



这样就可以了。

你的span是包含在p标签里面的,左右并没有浮动元素,清除他的浮动没用。

如果你是想只清除span的浮动,那需要把他设置成块级元素:

span {clear:left; display:block;}