在我的项目中,我经常使用浮动元素。这一切都很不错,直到IE7介入并开始搞糟事情。以下面的代码为例:
<div id="container">
<div id="element-1" class="left">
Some content
</div>
<div id="element-2" class="right">
Some much longer, more complicated content
当鼠标悬停在某个类的元素A上时,应该会出现另一个包含链接的浮动div B。一旦鼠标离开A和B,B就会消失。
如何使用jQuery完成此操作?
var container = $('#container');
var area = $('.area'); // this is A
var position = area.offset();
var floating = $("<div />", {
css : { "position" : "absolute",
但是,当我应用float时,我尝试将div浮动放在右边:向右,并使页面大小随着浏览器而变小,div位于前一个div之下。
HTML
<div id="container">
<div id="navbar-container">
<div id="mainlogo">
</div>
<div id="sublogo">
This is a subtitle test
</div>
<div id=