?
This document uses PHP Chinese website manual Release
語法:
right:auto | <length> | <percentage>
默認(rèn)值:auto
適用于:定位元素。即定義了 <' position '> 為「非static」的元素
繼承性:無
動畫性:當(dāng)值為<length> | <percentage>時(shí)
計(jì)算值:當(dāng)position為static時(shí),計(jì)算值是auto。
為relative時(shí),如果right和left都是auto,則它們的計(jì)算值是0;如果right和left其中一個(gè)為auto,則auto相當(dāng)于另一個(gè)的負(fù)值,即left = -right;如果right和left的值都不為auto,則忽略right。
否則在其它情況下,當(dāng)指定值為<length>時(shí),計(jì)算值為指定值,當(dāng)指定值為<percentage>時(shí),計(jì)算值為計(jì)算后的絕對值。除去這些情況,都為auto
媒體:視覺
取值:
auto:無特殊定位,根據(jù)HTML定位規(guī)則在文檔流中分配
<length>:用長度值來定義距離右邊的偏移量??梢詾樨?fù)值。
<percentage>:用百分比來定義距離右邊的偏移量。百分比參照包含塊的寬度??梢詾樨?fù)值。
說明:
檢索或設(shè)置對象參照相對物右邊界向左偏移位置。
該屬性用來指定盒子參照相對物右邊界向左偏移。相對定位元素的相對物是自身,絕對定位和居中定位元素是從包含塊的padding邊界開始計(jì)算偏移值
對應(yīng)的腳本特性為right。
兼容性:
在IE6及以前的版本下,如果right和left都定義了非auto的值,那么 right 的計(jì)算值將會被設(shè)置為 -left (無論是否顯式的定義了 width 或 max-width),它的指定值將被忽略,說白了,你將無法在不指定某個(gè)元素寬度的情況,通過給元素指定right和left的方式來進(jìn)行寬度拉伸;
示例:
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>right_CSS參考手冊_web前端開發(fā)參考手冊系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> .test { position: absolute; right: 0; width: 200px; height: 200px; padding: 5px 10px; background: #c00; color: #fff; line-height: 12; } </style> </head> <body> <div class="test">我將出現(xiàn)在瀏覽器右上角</div> </body> </html>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例