html - 页面元素未正确悬停，跨浏览器不一致

Question

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

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

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

在 Firefox 中，日历会在正确的区域弹出，但它会中断页面​​流，将日历条目下方的所有内容向下推。在 IE 中，日历以静态方式显示，就好像没有应用任何样式一样。给了什么？

Answer 1

您可能想要的是将该元素定位为 absolute 而不是 relative 因为这会将其从文档流中删除

它可能需要将它的“parent”设置为 position:relative; 以确保它仍然在日期输入元素旁边弹出