Question

我在html文件的正文中有一个绝对div位置。我希望它服从身体边缘。在http://jsfiddle.net/vHApr找到我的代码。以下是我的代码：

<html>
<head>
<style type="text/css">
body{
    margin: 50px;
    background-color: #ddd;
    color: #222;
    font: 11px "Helvetica Neue",Helvetica,Arial,sans-serif;
    min-width: 1080px;
    padding-top: 50px;
}
div.test{
    position:absolute;
    right:0px;
    top:55px;
}
</style>
</head>
<body>
<div class="test">
TEST
</div>
</body>
</html>

Answer 1

为position:relative添加body - 然后绝对后代元素将对齐身体的边缘，而不是视口（对于没有定位祖先的绝对定位元素，会发生这种情况）。

Answer 2

试试这个

div.test{
position:absolute;

}

更新了jsFiddle http://jsfiddle.net/vHApr/3/

位置绝对div服从身体边缘

2 个答案: