css - DIV 在 Chrome 中意外 float

Question

我正在使用 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/

谢谢你的帮助，

Answer 1

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

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

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