最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

CSS中position屬性有4種可選值:static,relative,absolute,fixed,用于定位html元素的位置，并影響元素塊生成的方式。這里向大家描述一下position:fixed 的使用，此屬性元素的定位方式同absolute類似，但它的包含塊是視區(qū)本身。

創(chuàng)新互聯(lián)公司是一家集網(wǎng)站建設(shè),東西湖企業(yè)網(wǎng)站建設(shè),東西湖品牌網(wǎng)站建設(shè),網(wǎng)站定制,東西湖網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,東西湖網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

使用CSS的position:fixed

Position的英文原意是指位置、職位、狀態(tài)。也有安置的意思。在CSS布局中，Position發(fā)揮著非常重要的作用，很多容器的定位是用Position來(lái)完成。

　　Position屬性有四個(gè)可選值，它們分別是：static、absolute、fixed、relative。

position:fixed 相對(duì)于窗口的固定定位

這個(gè)定位屬性值是什么意思呢？元素的定位方式同absolute類似，但它的包含塊是視區(qū)本身。在屏幕媒體如WEB瀏覽器中，元素在文檔滾動(dòng)時(shí)不會(huì)在瀏覽器視察中移動(dòng)。例如，它答應(yīng)框架樣式布局。在頁(yè)式媒體如打印輸出中，一個(gè)固定元素會(huì)出現(xiàn)于***頁(yè)的相同位置。這一點(diǎn)可用于生成流動(dòng)標(biāo)題或腳注。我們也見(jiàn)過(guò)相似的效果，但大都數(shù)效果不是通過(guò)CSS來(lái)實(shí)現(xiàn)了，而是應(yīng)用了JS腳本。

注意：IE6不支持CSS中的position:fixed屬性。

我們都知道CSS中定位屬性position的值，除了默認(rèn)的值外，還有absolute,relative和fixed。我平時(shí)比較常用absolute和relative，而position:fixed卻沒(méi)多關(guān)注?；蛟S是因?yàn)楫?dāng)初在CSS中文手冊(cè)中看到position:fixed旁邊有說(shuō)明“IE5.5及NS6尚不支持此屬性”吧。

前段時(shí)間，在做一個(gè)項(xiàng)目時(shí)需要使一個(gè)層相對(duì)于瀏覽器邊框固定，那時(shí)用position:absolute試了下，發(fā)覺(jué)absolute是對(duì)網(wǎng)頁(yè)邊框而言的。后來(lái)，上網(wǎng)查了一些根據(jù)滾動(dòng)條的移動(dòng)，動(dòng)態(tài)地改變left和top的值的JavaScript語(yǔ)句，雖然能實(shí)現(xiàn)了類似的效果，但滾動(dòng)條移動(dòng)時(shí)，那個(gè)層晃來(lái)晃去的，感覺(jué)不好看，想要一種能使層固定不動(dòng)的做法。

且看下面的代碼：

 我們用上面這段代碼來(lái)定義頁(yè)面上的一個(gè)層“help”（id=“help”）。這樣就能實(shí)現(xiàn)我們想要的效果了。在IE8、Firefox、Opera、Google等瀏覽器中測(cè)試，都沒(méi)有問(wèn)題，唯獨(dú)低版本的IE中，這個(gè)屬性無(wú)效。

當(dāng)前文章：CSS中position:fixed固定定位用法指導(dǎo)
網(wǎng)站URL：http://www.fisionsoft.com.cn/article/dpjjgei.html