讓DIV一直固定在屏幕的某個(gè)位置示例代碼
發(fā)布時(shí)間:2013-11-05 16:01:28 作者:佚名
我要評(píng)論

可能會(huì)有這樣的一個(gè)需求就是讓DIV一直固定在屏幕的某個(gè)位置,在某些情況下還是比較實(shí)用的,下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下
復(fù)制代碼
代碼如下:<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
#low_right
{
position: fixed;
width: 90px;
height: 90px;
background: #eee;
bottom: 40px;
right: 20px;
background-color: #DCFCE9;
border: 8px double #06F867;
text-align: center;
padding: 10px;
margin: 10px;
}
</style>
</head>
<body>
<script type="text/javascript">
for (var i = 0; i < 100; i++) {
document.write((i + 1) + "
");
}
</script>
<div id="low_right">
右下角
</div>
</body>
</html>
相關(guān)文章
- 讓某一個(gè)div固定在屏幕中的方法有很多,下面有個(gè)示例個(gè)人感覺(jué)還不錯(cuò),希望對(duì)大家有所幫助2014-02-17
設(shè)置一個(gè)DIV塊固定在屏幕中央的兩種方法(推薦)
下面小編就為大家?guī)?lái)一篇設(shè)置一個(gè)DIV塊固定在屏幕中央的兩種方法(推薦)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-25