问个css的问题

这个显示的结果为什么CCC在BBB前面呢 这是为什么呢?怎样才能让BBB在CCC前面?

<!DOCTYPE html>
<html>
<head>
    <title></title>
    
    <style type="text/css">
    #sp1{float: left;}
    #sp2{float: right;}
    #sp3{float: right;}
    </style>
</head>
<body>
<div><span id="sp1">aaa</span><span id="sp2">bbb</span><span id="sp3"><a href="#">ccc</a></span></div>
</body>
</html>
阅读 2.8k
4 个回答

右浮动,请将元素反向排列;

渲染是由上到下,自左至右进行的,bbb先右浮动,ccc次之。

你这里bbb跟ccc用的右浮动,这里是从右开始排的,当然bbb会在ccc的右边,如果你想bbb在ccc前面,两方法:第一个:bbb改左浮动;第二个:样式不变,结构里,ccc的盒子先写,bbb的盒子后写

因为你的BBB向右浮动了,CCC也向右浮动了,相同方向的浮动,后面的会把前面的挤开,优先浮动到最右,解决方法很简单,你把整个BBB放到CCC后面就可以

把后面两个容器换个位置

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题