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

Question

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

我希望日历弹出并且不会中断页面​​的流动。这是日历的样式：

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

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

Answer 1

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

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