欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

CSS實(shí)現(xiàn)模擬position的fixed頁面定位效果

  發(fā)布時間：2015-05-09 17:23:57   作者：佚名   我要評論
這篇文章主要為大家介紹了CSS實(shí)現(xiàn)模擬position的fixed頁面定位效果的方法,可通過absolute絕對定位來實(shí)現(xiàn)fixed的固定位置效果,非常具有實(shí)用價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了CSS實(shí)現(xiàn)模擬position的fixed頁面定位效果的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：


復(fù)制代碼
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>模擬position:fixed</title>
</head>
<style>
* { padding:0; margin:0;}
body { height:100%; overflow:hidden; font-size:14px; line-height:2; position:relative;}
html { height:100%; overflow:hidden;}
.fixed { position:absolute; top:10px; left:10px; width:200px; height:350px; background:#fc0; border:1px solid #f60;}
.wrapper { height:100%; overflow:auto;}
.body { padding-top:10px; margin-left:232px;}
</style>
<body>
<div class="fixed">左邊無論怎么滾動這個窗口它都不會動的</div>
<div class="wrapper">
<div class="body">
<li><a href="/soft/1843.shtml" target="_blank">顯示內(nèi)容1顯示內(nèi)容1顯示內(nèi)容1顯示內(nèi)容1</a></li>
<li><a href="/soft/1986.shtml" target="_blank">顯示內(nèi)容2顯示內(nèi)容2顯示內(nèi)容2</a></li>
<li><a href="/soft/4374.shtml" target="_blank">顯示內(nèi)容3顯示內(nèi)容3顯示內(nèi)容3</a></li>
<li><a href="/soft/1060.shtml" target="_blank">顯示內(nèi)容4顯示內(nèi)容4顯示內(nèi)容4</a></li>
<li><a href="/soft/4609.shtml" target="_blank">顯示內(nèi)容5顯示內(nèi)容5顯示內(nèi)容5</a></li>
<li><a href="/soft/1078.shtml" target="_blank">顯示內(nèi)容6顯示內(nèi)容6</a></li>
<li><a href="/soft/2030.shtml" target="_blank">顯示內(nèi)容7顯示內(nèi)容7顯示內(nèi)容7</a></li>
<li><a href="/soft/3119.shtml" target="_blank">顯示內(nèi)容8顯示內(nèi)容8顯示內(nèi)容8</a></li>
<li><a href="/soft/2927.shtml" target="_blank">顯示內(nèi)容9顯示內(nèi)容9顯示內(nèi)容</a></li>
<li><a href="/soft/2460.shtml" target="_blank">顯示內(nèi)容10顯示內(nèi)容10</a></li>
<li><a href="/soft/5654.shtml" target="_blank">顯示內(nèi)容11顯示內(nèi)容11</a></li>
<li><a href="/soft/3353.shtml" target="_blank">顯示內(nèi)容12顯示內(nèi)容12</a></li>
<li><a href="/soft/1852.shtml" target="_blank">顯示內(nèi)容13顯示內(nèi)容13</a></li>
<li><a href="/soft/1843.shtml" target="_blank">顯示內(nèi)容14顯示內(nèi)容14</a></li>
<li><a href="/soft/1986.shtml" target="_blank">顯示內(nèi)容15顯示內(nèi)容15</a></li>
<li><a href="/soft/4374.shtml" target="_blank">顯示內(nèi)容16顯示內(nèi)容16</a></li>
<li><a href="/soft/1060.shtml" target="_blank">顯示內(nèi)容17顯示內(nèi)容17</a></li>
<li><a href="/soft/4609.shtml" target="_blank">顯示內(nèi)容18顯示內(nèi)容18</a></li>
<li><a href="/soft/1078.shtml" target="_blank">顯示內(nèi)容19顯示內(nèi)容19</a></li>
<li><a href="/soft/2030.shtml" target="_blank">顯示內(nèi)容20顯示內(nèi)容20</a></li>
<li><a href="/soft/3119.shtml" target="_blank">顯示內(nèi)容21顯示內(nèi)容21</a></li>
<li><a href="/soft/2927.shtml" target="_blank">顯示內(nèi)容22顯示內(nèi)容22</a></li>
</div>
</div>
<div>腳本之家 http://www.dbjr.com.cn/</div>
</body>
</html>

希望本文所述對大家的css+div網(wǎng)頁設(shè)計(jì)有所幫助。

相關(guān)文章

  • css position 設(shè)置元素的定位方式詳解

    下面小編就為大家?guī)硪黄猚ss position 設(shè)置元素的定位方式詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-05

  • CSS 定位之position全面了解

    下面小編就為大家?guī)硪黄狢SS 定位之position全面了解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-07-08

  • 總結(jié)CSS的position定位屬性在使用的一些重點(diǎn)

    這篇文章主要總結(jié)了CSS的position定位屬性在使用的一些重點(diǎn),包括對絕對定位和相對定位等的強(qiáng)調(diào),需要的朋友可以參考下
    2016-05-31

  • 圖解CSS中position屬性的定位用法

    這篇文章主要介紹了圖解CSS中position屬性的定位用法,重點(diǎn)講解了相對定位和絕對定位在頁面布局中的作用,需要的朋友可以參考下
    2016-04-28

  • 深究CSS定位position的常用技法

    這篇文章主要針對CSS定位position的常用技法進(jìn)行探究，CSS中的position等屬性確實(shí)有很多需要認(rèn)真考究的地方，本文就和大家一起探索一下
    2016-04-26

  • 理解CSS浮動float、定位position

    本文針對CSS浮動float、定位position進(jìn)行學(xué)習(xí)理解，通過實(shí)例幫助大家掌握CSS浮動float、定位position技巧，感興趣的小伙伴們可以參考一下
    2016-04-21

  • 全面剖析CSS Position定位

    這篇文章幫助大家全面剖析了CSS Position定位，CSS Position前端必學(xué)必會的內(nèi)容，感興趣的小伙伴們可以參考一下
    2016-03-10

  • 老生常談position定位——讓人又愛又恨的屬性

    下面小編就為大家?guī)硪黄仙Ｕ刾osition定位——讓人又愛又恨的屬性。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-09-08

最新評論