当前位置:  开发笔记 > 前端 > 正文

图像在浮动容器内的奇怪行为

如何解决《图像在浮动容器内的奇怪行为》经验,为你挑选了0个好方法。

鉴于这种简单的布局:

HTML

在此输入图像描述

IE11根据图像的自然宽度错误地将文本放置在右侧400像素:

在此输入图像描述


问题#2

当您增加窗口的高度时,文本应保持粘在图像的右侧.这在Firefox中可以正常工作.

但是,文本与Chrome和Opera中的图像重叠:

在此输入图像描述


看看这个小提琴中的行为.

问题: 我可以添加哪种样式会导致所有浏览器的行为一致吗?

[注意:我在处理这个问题时发现了这一点.我以为我有一个解决方案,直到我意识到除了Firefox之外的任何浏览器都没有响应.

推荐阅读
牛尾巴2010
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有