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

设置了float:left的li标签内部的li标签设置float为什么没有效果?

设置了float:left的li标签内部的li标签设置float为什么没有效果?

问道_imooc 2016-12-21 19:19:34
html结构如下:css样式如下:这里设置的样式作用于class=copyright_content下的所有li标签,包括子孙类li标签。那么外层的li和内层的li都会实现做浮动的。可是页面结果如下:上一层的li实现了左浮动,但是内层的li并没有实现左浮动,还是从上往下排列的,为什么呢?
查看完整描述

2 回答

已采纳
?
落花听雨1

TA贡献6条经验 获得超2个赞

怎么说呢?你没有错,结果就应该这样。因为你设置的宽是200px,所以第一个ul下的li是200px,第二个ul下的li也是200px。所以第二个ul下的li的宽度等于其父元素了,你可以给第二个ul下的li设置一个宽度,比如63px。这样就会横排显示了。我也刚学一个多星期所以表述不是很清晰,望采纳

查看完整回答
2 反对 回复 2016-12-22
?
问道_imooc

TA贡献6条经验 获得超2个赞

谢谢大家,明白了,宽度不够一行显示不来,所以才会换行的。

查看完整回答
反对 回复 2016-12-23
?
HiNaruta

TA贡献8条经验 获得超0个赞

li{

float:left;

}

单独写一个

查看完整回答
反对 回复 2016-12-22
?
落花听雨1

TA贡献6条经验 获得超2个赞

哦看错了,四个应该设置50px。。。

查看完整回答
反对 回复 2016-12-22
  • 2 回答
  • 0 关注
  • 3765 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信