如何讲一个div自动定位到页面的右上角?

时间:2021-06-07 04:29:38
如何讲一个div自动定位到页面的右上角?

根据不同的分辨率,会自动调整到页面的右上角。

具体网址是这个:http://www.ihoneybaby.com/

左侧:最新活动、免费试听等,点击时,是弹出页面的。但是关闭的那个小叉叉,如何自动定位到页面的右上角?

css里怎么写?

6 个解决方案

#1


<div id="d" align="right" style="margin-top:0px">
</div>

#2


绝对定位

#3


同ls,对容器使用绝对定位即可,例如:
div {position:absolute; right: 0px; top: 0px;}

#4


用绝对定位,如3楼.

#5


你代码中的 
a#lightwindow_title_bar_close_link,	
a:link#lightwindow_title_bar_close_link,
a:visited#lightwindow_title_bar_close_link {
cursor: pointer;
height:17px;
width:17px;
padding: 0;
margin: 0;
background:url(../Images/LightWindow_close.gif)  no-repeat;
position: absolute;
top: 30px;
left:1000px;
z-index:1;
}

这个位置 把left:1000px;换成right:0;试试看

#6


a#lightwindow_title_bar_close_link,    
    a:link#lightwindow_title_bar_close_link,
    a:visited#lightwindow_title_bar_close_link {
    cursor: pointer;
    height:17px;
    width:17px;
    padding: 0;
    margin: 0;
    background:url(../Images/LightWindow_close.gif)  no-repeat;
    position: absolute;
    top: 30px;
     left:1000px;
    z-index:1;
    }
把left:1000px;换成right:0;试试看

#1


<div id="d" align="right" style="margin-top:0px">
</div>

#2


绝对定位

#3


同ls,对容器使用绝对定位即可,例如:
div {position:absolute; right: 0px; top: 0px;}

#4


用绝对定位,如3楼.

#5


你代码中的 
a#lightwindow_title_bar_close_link,	
a:link#lightwindow_title_bar_close_link,
a:visited#lightwindow_title_bar_close_link {
cursor: pointer;
height:17px;
width:17px;
padding: 0;
margin: 0;
background:url(../Images/LightWindow_close.gif)  no-repeat;
position: absolute;
top: 30px;
left:1000px;
z-index:1;
}

这个位置 把left:1000px;换成right:0;试试看

#6


a#lightwindow_title_bar_close_link,    
    a:link#lightwindow_title_bar_close_link,
    a:visited#lightwindow_title_bar_close_link {
    cursor: pointer;
    height:17px;
    width:17px;
    padding: 0;
    margin: 0;
    background:url(../Images/LightWindow_close.gif)  no-repeat;
    position: absolute;
    top: 30px;
     left:1000px;
    z-index:1;
    }
把left:1000px;换成right:0;试试看