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

关于浮动的问题

http://img1.sycdn.imooc.com//57084edf000122b508610548.jpg

为什么会这样?为什么设置了float:left以后,<p>的内容会上来呢?

正在回答

3 回答

ul无序列表、li列表项含有默认的padding、margin值,实际上ul已经将p元素覆盖,但是文本a处在ul的边距当中,所以还是会看得到。你把ul的padding和margin设置为零就可以遮盖住a了。

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

57087f3f0001ba9903800244.jpg

57087f3f00014ec605000311.jpg

看图你就知道了

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

王琰瑞

这是加了左浮动后的界面
2016-04-09 回复 有任何疑惑可以回复我~

任何元素在默认情况下是不能浮动的,但可以用 CSS 定义为浮动。当前块级元素<li>设置left浮动后,下一个不含left浮动紧邻块级元素会填充浮动元素遗留下来的空间,发生重叠,浮动层在上面。

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

举报

0/150
提交
取消
初识HTML(5)+CSS(3)-升级版
  • 参与学习       1227290    人
  • 解答问题       18247    个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

关于浮动的问题

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号