2013-04-08 56 views
1

我有一個位置絕對div在html文件的正文。我希望它服從身體的利潤。在http://jsfiddle.net/vHApr找到我的代碼。 以下是我的代碼:位置絕對div服從身體邊緣

<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> 
+0

如果你願意使用jquery,那麼你可以應用從頁面加載 – 2013-04-08 13:37:49

+0

身體的邊緣到div我想增加右邊距的絕對div的位置,而不使用右:50px,你可以看到http:///jsfiddle.net/cNV4L/(位於底部) – 2013-04-08 13:41:03

+1

爲'body'添加'position:relative',然後絕對祖先元素將與該元素對齊。順便說一句,-1表示「這是緊急的」 - - 沒有人關心。 – CBroe 2013-04-08 14:12:32

回答

2

添加position:relativebody - 那麼絕對後代元素將對齊到身體的邊緣,並而不是視口(這種情況發生在沒有定位祖先的絕對定位元素上)。

0

試試這個

div.test{ 
position:absolute; 

} 

更新的jsfiddle http://jsfiddle.net/vHApr/3/

+0

沒有人...我想通過css – 2013-04-08 13:57:58

+0

查看更新後的答案。它提供了CSS唯一的答案。 – 2013-04-08 14:09:25