国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

css的邊偏移距離針對left和right可能性值探討

2024-07-11 08:36:42
字體:
來源:轉載
供稿:網友

1). ‘left’ 和 ‘right’ 的設定值都是 "auto"
如果 ‘left’ 和 ‘right’ 的值都是 "auto" (它們的初始值),計算后的值( computed value )為 0(例如,框區留在其原來的位置)。

2). ‘left’ 或 ‘right’ 其一的設定值為 "auto"
如果 left 為 ‘auto’,計算后的值(computed value)為 right 的負值(例如,框區根據 right 值向左移)。 如果 right 被指定為 ‘auto’,其計算后的值(computed value)為 left 值的負值。
示例代碼:


<div style=”width:20px; height:20px; background-color:red; position:relative; left:100px;”></div>

上述代碼中,DIV 元素是相對定位的元素,它的 ‘left’ 值是 "100px", ‘right’ 沒有設置,默認為 "auto",那么,’right’ 特性計算后的值應該是 -left,即 "right:-100px"。

3). ‘left’ 和 ‘right’ 設定值都不是 "auto"
如果 ‘left’ 和 ‘right’ 都不是 "auto",那么定位就顯得很牽強,其中一個不得不被舍棄。如果包含塊的 ‘direction’ 屬性是 "ltr", 那么 ‘left’ 將獲勝,’right’ 值變成 -left。如果包含塊的 ‘direction’ 屬性是 ‘rtl’,那么 ‘right’ 獲勝,’left’ 值將被忽略。
示例代碼:


<div style=”width:100px; height:100px; overflow:auto; border:1px solid blue;”>
<div style=”width:20px; height:20px; background-color:red; position:relative; left:60px; right:60px;”></div>
</div>

最后,’left’ 應該比較強悍才對。
‘top’ 和 ‘bottom’ 的特性值
‘top’ 和 ‘bottom’ 特性將相對定位元素向上或者向下移動,而不改變其大小。’top’ 把框向下移動,而 ‘bottom’ 將其向上移動。 由于 ‘top’ 和 ‘bottom’ 沒有造成框被拆分或者拉伸,計算值總是 top=-bottom,如果兩個都是 "auto",其計算值就都是 0,如果其中之一是 auto,它就是另一個的負值。 如果都不是 "auto",’bottom’ 被忽略,這時,’bottom’ 的計算值會是 ‘top’ 值的負值。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 雷山县| 宜城市| 溆浦县| 浏阳市| 蕉岭县| 兰考县| 永安市| 土默特右旗| 德安县| 崇阳县| 潜江市| 城口县| 晋江市| 凤山县| 沙田区| 林州市| 万盛区| 五指山市| 河北区| 津南区| 江永县| 海盐县| 洱源县| 莆田市| 格尔木市| 湄潭县| 都安| 平湖市| 新昌县| 墨脱县| 玉林市| 茶陵县| 轮台县| 陆良县| 沙雅县| 兴山县| 土默特左旗| 浙江省| 安乡县| 富民县| 龙州县|