css - 在 Opera 11 中 float 时计算元素宽度。*

标签 css layout opera css-float

我正在处理 Opera 11.5 beta 中的一个问题(我假设这与所有 Opera 11 版本相关),其中 float 的 block 级元素(无序列表)被赋予任意固定宽度并导致子元素换行 - 与 IE6 的方式相同。

元素向右浮动,目前没有 sibling 。我的样式表中没有为列表指定宽度。

我想知道 Opera 在这些情况下使用什么样的逻辑来计算宽度?

我上传了一张比较 Opera 11.5 和 Firefox 4.1 以及 Dragonfly/Firebug 输出的图片。

http://twitpic.com/55f79o/full

jsFiddle:http://jsfiddle.net/i_like_robots/HKAQ9/

最佳答案

据我所知,这是 Opera 中的一个错误。

当计算一个元素的宽度时,它是根据所有子元素宽度的总和计算的,但是如果你有 2 个 Div 元素作为子元素显示为 block 元素,实际上宽度不是两个元素的总和。

要解决此问题,您只需指定父元素的宽度,而不是让 Opera 计算。

@clairesuzy - 你可以看到我在这里发布的代码的错误 http://www.go4expert.com/forums/showthread.php?t=27000

关于css - 在 Opera 11 中 float 时计算元素宽度。*,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6200963/

相关文章:

jquery - 重叠元素在 IE7 类更改时停止重叠

html - 如何在不换行的表中使用 <code> 标记?

HTML5 CSS 流式布局问题

jquery - Opera 和 jquery keydown 返回 false 的问题

html - 如何使按钮 float 在输入表单旁边?

javascript - onmouseover 只显示一个子菜单(Javascript)

css - 父级 float 元素不会随子级宽度的百分比调整大小

android - 在 Android 中布局 4 个按钮

https - Opera - 链接脚本未从本地主机加载

javascript - 禁用 Opera 的自动完成功能