qq_21524213 2016-01-29 15:38 采纳率: 0%
浏览 1560

CSS 浮动模型 float 的覆盖

图片说明图片说明

我的理解是:按照 官方的说法,第一张图片 已经设置了 左浮动,应该 与文档流分离。第一张图片分离文档流,第二张图片应该在第一图片那儿位置,并且把被第一张覆盖了; 老师 我那儿理解 错?

  • 写回答

1条回答

  • danielinbiti 2016-01-29 16:06
    关注

    需要根据下一个元素是块级元素还是内联元素而定。规则简单来说如下

    当前元素分类(float:left)    下一个紧邻元素分类(不含float)           结论
    块级元素(a)                       块级元素(b)                                           b会填充a遗留下来的空间,a会和b发生重叠,a的图层在上面。
    块级元素(a)                       内联元素(b)                                           b会紧跟在a的后面。    并根据自身内联元素的特点,是否换行。
    内联元素(a)                       块级元素(b)                                           b不会跟随a的移动。
    内联元素(a)                       内联元素(b)                                           b会紧跟在a的后面。并根据自身内联元素的特点,是否换行。
    
    评论

报告相同问题?

悬赏问题

  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥30 用arduino开发esp32控制ps2手柄一直报错
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题
  • ¥15 Visual Studio问题
  • ¥20 求一个html代码,有偿