gpt4 book ai didi

html - 了解图像在不同浏览器中的位置

转载 作者:太空宇宙 更新时间:2023-11-04 00:22:48 25 4
gpt4 key购买 nike

我想更多地了解 CSS,现在我有一个在两个浏览器和一个名为“explorer”的程序中以不同方式呈现的示例。这是我试图从任何令人不安的细节中清除的示例页面的链接:http://csaladterapia.hu/example.html

在最新的 Firefox 版本中,图像被放置在字段集中,因为它是 float:right 并且其他元素是 clear:none。在 Chrome 和 IE 中,图像位于字段集上方。

你能帮我理解其中的区别吗?

最佳答案

Firefox 的解释是错误的,甚至是很奇怪的。 float 元素不应永远将该元素置于其他元素之上 - 它只是将它们从文档流中取出,将它们放在当前行的左侧/右侧。如果 float 后面的元素不是太宽,并且没有 'clear' 属性,它将被放在同一行。

在您的示例中,以下元素是 div,默认为 100% 宽度,因此不能放在同一行。

Firefox 的做法很奇怪——即使是 clear:left 在后面的元素上也没有效果。

引用:

http://coding.smashingmagazine.com/2007/05/01/css-float-theory-things-you-should-know/

关于html - 了解图像在不同浏览器中的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8369664/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com