午夜大片爽爽爽免费影院丨色综合色综合久久综合频道88丨日韩人妻无码中文字幕视频丨一本无码久本草在线中文字幕dvd丨国产午夜亚洲精品国产成人

div+css里的定位問題

2016/9/27 8:38:07   閱讀:1724    發布者:1724

首先看一個示例:

結構:

<div class="static">默認定位
<div class="relative">相對定位
<div class="absolute">絕對定位</div>
<div class="fixed">固定定位</div>
</div>
</div>

樣式:

*{padding: 0;margin: 0;}
.static{width:300px;height: 300px;}
.relative{margin:50px 50px;width: 200px;height: 200px;position: relative;top: 50px;}
.absolute{position: absolute;top: 0;left: 0;width: 100px;height: 100px;}
.fixed{position: fixed;top: 0;left: 0;width: 100px;height: 100px;}

效果圖:

總結!

通過設置元素垂直和水平的位置,可以使得:

一.相對定位:元素“相對于”它的起點移動。圖上的元素即相對于起點向下移動了50px。
它占據著原有的空間。

二.絕對定位:元素“相對于”它的父元素移動(或者是離它最近的已定位的祖先元素移動)。
圖上元素的左上角坐標和它的父元素重合。它不占據空間。

三.固定定位:元素“相對于”視口移動。圖上元素移動到坐標(0,0)的位置。它不占據空間。

 

主站蜘蛛池模板: 国产午夜视频在线观看| 国产精品自在自线视频| 伊人婷婷色香五月综合缴缴情| 欧洲熟妇色xxxx欧美老妇多毛网站| 中文字幕一区二区三区人妻少妇 | 欧美影院成年免费版| 中国女人大白屁股ass| 国产午夜无码精品免费看动漫 | 国产日韩精品视频无码| 日韩亚洲产在线观看| 一本大道无码av天堂| 偷窥日本少妇撒尿chinese| 国产成人综合久久精品av| 欧美丰满熟妇xxxx| 国产精品亚洲а∨天堂123 | 风韵丰满熟妇啪啪区老熟熟女| 欧美v日韩v亚洲v最新在线| 欧美最猛黑人xxxx黑人猛交98| 日韩加勒比一本无码精品| 国产精品毛片在线完整版| 免费午夜无码18禁无码影院| 免费1级做爰片1000部视频| 国产熟女内射oooo| 欧性猛交ⅹxxx乱大交| 成人影院yy111111在线观看| 久99久热只有精品国产女同 | 欧美日本精品一区二区三区| 亚洲动漫精品无码av天堂| 精品一卡二卡三卡四卡兔| 亚洲国产成人av网站| 成人免费观看做爰视频ⅹxx| 忘忧草社区在线www| 拍国产乱人伦偷精品视频| 国产精品后入内射日本在线观看 | 巨爆乳中文字幕巨爆区巨爆乳无码 | 国产精品亚洲日韩au在线| 免费无码毛片一区二三区| 男女性高爱潮久久| 成人亚洲精品久久久久软件| 摸进她的内裤里疯狂揉她动图视频 | 日日天干夜夜狠狠爱|