css - DIV 在 Chrome 中意外 float

标签 css google-chrome mootools

我正在使用 mootools slider ,不知何故 DIV 标签 float 在 Chrome 中的父 div 旁边。这在其他浏览器中没有发生。我设法通过添加一个具有固定高度的空 div 来找到解决方法,但正在寻找一种更好的方法来处理这个问题而不更改 DOM 结构。在 CSS 中有解决这个问题的方法吗?为什么意外的 float 只发生在 Chrome 中?

情况一:div.lowerPanel不出现, float 在左上

http://jsfiddle.net/superkingjo1/bQpjV/

案例 2:添加具有固定高度的空 DIV 将 div.lowerPanel 置于预期位置 http://jsfiddle.net/superkingjo1/bQpjV/4/

谢谢你的帮助,

最佳答案

可能是这一行(html中的第3行)

<div class="mainPanelLayersDiv" style="position: relative; float: left; ">

我从第一个 fiddle 中删除了 float: left;,得到的结果似乎与第 2 个 fiddle 相同。

关于css - DIV 在 Chrome 中意外 float ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12431802/

相关文章:

css - 使用 Mat Cards 时无法玩绝对/相对位置

javascript - chrome 不缓存 js 和 css 但缓存图像

javascript - 对 mootools 可排序表中的整数列进行排序

javascript - 从 iframe 内部关闭 mootools 对话框

php - 我的自动加载功能不起作用,但似乎该类已加载 PHP

css - 改变大小的字形

css - 有什么方法可以修复 Chrome 中的 CSS3 内容属性闪烁?

java - Google Chrome 插件无法与 Chrome 配合使用

javascript - 使用 HTML5 数据属性的 MooTools 事件委托(delegate)

css - 如何为div和table设置css