css布局定位系列:相對定位
2006/11/30 11:17:41
翻譯:零度,轉(zhuǎn)載請注明本文英文原文出處以及本文地址!由于我英文水平有限,有不懂的地方還請閱讀原文,歡迎交流!
  相對定位
  當一個元素被指明為{position:relative;}的時候,它開始是遵守正常流規(guī)則的(也就是說,如果你不給他任何規(guī)則,他就和正常的一樣,譯者注),它周圍元素相應(yīng)的被定位。然后,元素盒根據(jù)它的屬性值偏移。
  
  請注意上面元素周圍的盒子是正常布局的,包括垂直邊距的折疊,因此,采用相對定位的元素有可能覆蓋其他元素。
      瀏覽器兼容性
  瀏覽器在處理相對定位元素覆蓋其他元素的方法上是存在分歧的。不幸的是,W3C標準并沒有指明應(yīng)該怎么處理這個問題。
  因此,像IE5.5和Netscape6.0,會將相對定位元素顯示在他周圍元素的上面。而其余的,比如Opera5.0,將使用缺省棧指令,從而是將相對定位元素顯示在文檔流里比它先出現(xiàn)元素的前面,比它后出現(xiàn)元素的后面。
  棧指令在絕對定位參考中有詳細的描述。但是請注意你可以使用z-index屬性去設(shè)定它的顯示順序(z-index的值越大,元素越靠前顯示!)
  可以聯(lián)合使用top,right,left和bottom四個屬性來設(shè)置相對定位元素的偏移值。每一個屬性值被解釋為元素外邊框相對于原來正常位置的距離。
  請注意這些偏移值是有約束的。例如,假設(shè)你同時設(shè)定了left和right屬性的值,如果其中一個元素的值不是另外一個值的相反值的話(比如4和-4,譯者注),那么right屬性的值將會被忽略。設(shè)定某一個具體的寬度值也有可能使偏移值被忽略。這個規(guī)則同樣適用于top,bottom以及height屬性。
  在實際中,你將很有可能只設(shè)定left,right中的任一個以及top,bottom中的任一個。
  子節(jié)點定位(Descendant Positioning)
  相對定位元素是否建立一個新的包含塊以定位(相對定位或者絕對定位)子元素是不確定的,他們遵守非定位元素一樣的規(guī)則。
  如果相對定位元素是塊級元素,那么它將建立一個新的包含塊。在它里面的元素使用元素的偏移量作為基礎(chǔ)定位。也就是說,子元素的偏移量是一個復(fù)合值(包含塊偏移量加上它自己的偏移量)
  如果相對定位元素是行類元素,它的偏移量和它的子元素沒有關(guān)系,相反,它和它的子元素共享同一個父級包含塊。
  瀏覽器兼容性
  最初的W3C標準聲明,相對定位元素總是建立一個包含塊。然而,后續(xù)標準修正了這個聲明,指出相對定位元素和普通元素一樣。
  有一些瀏覽器包括了這個修正但是有一些沒有。由于這個差別,你可能希望避免這樣的情況,總是使用一個塊級元素用于相對定位。

返回列表
返回首頁 主站蜘蛛池模板: 国产又猛又黄又爽| 无码人妻丰满熟妇区五十路百度 | 激情黄+色+成+人| 国产成人精品一区二区三在线观看 | 91麻豆国产福利精品| 日本一区免费电影| 亚洲mv国产精品mv日本mv| 污网站在线观看视频| 免费看男人j放进女人j色多多| 韩国电影中文字幕在线观看| 国产精品91在线播放| 99热在线观看精品| 性xxxx18免费观看视频| 久久精品中文字幕久久| 欧美日韩电影网| 免费a级毛片无码av| 精品无码AV无码免费专区| 色天天躁夜夜躁天干天干| 国产精品久久久久久一区二区三区| a级毛片视频免费观看| 恋脚app直播软件| 久久99国产精品久久99| 最近最新中文字幕| 亚洲国产AV无码一区二区三区 | 一级特黄aaa大片免费看| 日本一区二区三区久久| 久精品国产欧美亚洲色aⅴ大片| 污视频免费网站| 亚洲高清偷拍一区二区三区| 西西人体高清444rt·wang| 国产激情视频一区二区三区| 91呻吟丰满娇喘国产区| 大象视频在线免费观看| www.日本在线播放| 成人影片一区免费观看| 久久亚洲综合色| 日韩av激情在线观看| 亚洲国产成人久久一区二区三区| 波多野结衣中文字幕电影播放 | 成人网视频免费播放| 中日韩精品视频在线观看|