页面元素没有正确悬停,浏览器之间没有一致性

时间:2011-05-21 17:14:46

标签: html css flow css-position

我在网页上有一个区域,其中有一个日期条目。旁边是一个按钮,如果点击,应该在条目右侧弹出一个小日历,允许用户点击所需的日期。

我希望弹出日历,而不是中断页面的流程。这是日历的样式:

div.dateEntry
{
    position: relative;
    bottom: 25px;
    left: 365px;
}

在Firefox中,日历会弹出正确的区域,但会中断页面​​流,将日历条目下方的所有内容都按下。在IE中,日历显示为静态,就好像没有应用样式一样。是什么给了什么?

1 个答案:

答案 0 :(得分:1)

您可能想要的是将absolute 替换为relative ,因为这会将其从文档流中删除

可能需要将“父”设置为position:relative;才能确保它仍然会在日期条目元素旁边弹出