html - CSS 位置 :fixed inside a positioned element

Question

我有一个定位的 div，它的内容可能太长，所以会出现滚动条(overflow:auto 设置)。它用作 ajax 应用程序中的对话框。我想在它的右上角修复一个关闭按钮，这样当用户滚动 div 时它就不会滚动。

我用 position:fixed; 试过了右:0； top:0 但是它将按钮放在页面的右上角而不是 div 中(在 firefox 中)。

是否可以仅使用 CSS 来放置此按钮，而无需在每次滚动事件时使用 js 中的 offsetWidth/Height 进行破解？

ps:div 的高和宽不是固定值，它取决于内容的大小和浏览器窗口的大小。用户也可以根据需要调整它的大小。

Answer 1

您可以使用position:fixed;，但不设置left 和top。然后你将使用 margin-left 将它推到右边，将它放在你想要的正确位置。

在此处查看演示:http://jsbin.com/icili5