根据不同的分辨率,会自动调整到页面的右上角。
具体网址是这个:http://www.ihoneybaby.com/
左侧:最新活动、免费试听等,点击时,是弹出页面的。但是关闭的那个小叉叉,如何自动定位到页面的右上角?
css里怎么写?
6 个解决方案
#1
<div id="d" align="right" style="margin-top:0px">
</div>
</div>
#2
绝对定位
#3
同ls,对容器使用绝对定位即可,例如:
div {position:absolute; right: 0px; top: 0px;}
div {position:absolute; right: 0px; top: 0px;}
#4
用绝对定位,如3楼.
#5
你代码中的
这个位置 把left:1000px;换成right:0;试试看
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;试试看
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>
</div>
#2
绝对定位
#3
同ls,对容器使用绝对定位即可,例如:
div {position:absolute; right: 0px; top: 0px;}
div {position:absolute; right: 0px; top: 0px;}
#4
用绝对定位,如3楼.
#5
你代码中的
这个位置 把left:1000px;换成right:0;试试看
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;试试看
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;试试看