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

为啥<span>放在<a>前面,而实际显示效果却相反?

就是<li>标签不论<span>和<a>标签的位置怎么放都是超链接在前面,为什么呢?

正在回答

3 回答

html文档在浏览器读取顺序都是自上而下,自左向右,读取页面有什么内容,而css样式起修饰作用,且所修改的子元素的都会受它的父级元素的限制。就你所问的问题来说,li相当于a 和span的父级元素,此时a 和span为同级的子元素float:right是浮动(相当于固定)子元素子父元素的右边。右边有元素块被固定了,其他元素快就会被往空白处(即左边)挤。同理就算html的a链接在span后面,只要设置a样式float:left 。a链接还是会浮动到最左边的。

不过。。。已经决定div1、2、3的顺序了,为啥要用样式表来修改顺序成div3、2、1呢?这不是多此一举嘛。。

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

qq_隔壁少年郎_0

嘛。特殊问题特殊对待,能达到效果才是最终目的
2016-12-27 回复 有任何疑惑可以回复我~

span不是设置了右浮动吗?

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

因为span和a标签都是内联元素,,没有padding和margin时,谁放在前面都相对于只有a标签

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为啥<span>放在<a>前面,而实际显示效果却相反?

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