我有一个页面，必须显示一个动态消息框，而不会打扰实际页面。此消息框必须出现在页面的右上角与现有内容重叠。
我试图使用position：absolute，但是我无法将其放在右边角落。此外，我无法使用左，因为我必须支持响应式设计从Bootstrap。
这是一个示例标记
<html>
<body>
<div class="container">
<!-- Need to place this div at the top right of the page-->
<div class="ajax-message">
<div class="row">
<div class="span9">
<div class="alert">
<a class="close icon icon-remove"></a>
<div class="message-content">
Some message goes here
</div>
</div>
</div>
</div>
</div>
<!-- Page contents starts here. These are dynamic-->
<div class="row">
<div class="span12 inner-col">
<h2>Documents</h2>
</div>
</div>
</div>
</body>
</html>
该消息框相对于.container的宽度应为50％，消息框的左侧不应与其重叠。即我们应该能够点击/选择左边的内容。
请查找样本here。
请帮我解决这个问题。
