Question

我有position:absolute的div - 因为我需要它在我的页面上显示/隐藏这个div。

现在我想在右上角放置一个关闭按钮但我不能=（因为我的div已经是绝对的......

如果可能的话，请不要JS

由于

Answer 1

您可以添加：

top: 0;
right: 0;

到.closeBut选择器，它会将按钮置于右上角。这是一个小提琴：http://jsfiddle.net/mJ6LG/

Answer 2

绝对定位的父母绝对定位儿童没有问题。如果你想在右上方做一些像

这样的事情

.closeBut {
  top: 10px;
  right: 10px;
}

参见演示http://jsfiddle.net/W7x8G/1/

Answer 3

http://jsfiddle.net/W7x8G/3/

.addList {
 background-color:#f16529;
 border:5px solid #c5330e;
 cursor:default;
 display:none;
 margin-top: 15px;
 position:absolute;
 text-align:left;
 width:200px;
 z-index:100;
 padding: 25px 25px 20px 0px;
 border-radius:6px;  
-moz-border-radius:5px; 
-khtml-border-radius:10px;
}
.closeBut {
 background:url(/img/close.png) no-repeat;
 cursor:pointer;
 width: 42px;
 height: 20px;
 border: none;
 position:absolute;
 padding-top: 0px; padding-right:0px;
 }
.closeBut:hover {
background:url(/img/close_hov.png) no-repeat;

}
.alignBut{
 text-align:right;
 padding-right:25px;
}

你可以试试这个！

CSS在im中的位置，如果是绝对的？

3 个答案: