css的邊偏移距離

2022-05-15 10:38:28 字數 1155 閱讀 1043

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 值的負值。

示例**:

position:relative;

left:100px;">

上述**中,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' 值將被忽略。

示例**:

position:relative;

left:60px;

right:60px;">

最後,'left' 應該比較強悍才對。

'top' 和 'bottom' 的特性值

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

網頁卷去的距離與偏移量

來自慕課網 scrollleft 設定或獲取位於給定物件左邊界與視窗中目前可見內容的最左端之間的距離 即左邊灰色的內容。scrolltop 設定或獲取位於物件最頂端與視窗中可見內容的最頂端之間的距離 即上邊灰色的內容。offsetleft 獲取指定物件相對於版面或由 offsetparent 屬性指...

文字混淆反爬 CSS偏移

說明 利用css樣式將亂序的文字排版為人類正常閱讀的順序,但是爬蟲獲取到的是亂序的 例如 去哪兒網的機票 步驟 1 分析數字規律 2 定位數字所在標籤,得到基準資料 3 提取其他標籤的偏移量和數字 4 根據偏移量決定基準資料列表的覆蓋元素。import re from parsel import s...

css邊距,高度寬度

使用單獨的外邊距屬性 doctype html html head style div style head body h1 使用單獨的外邊距屬性 h1 div 這個 div 元素的上外邊距為 100 畫素,右外邊距是 150 畫素,下外邊距是 100 畫素,左外邊距是 80 畫素。div body...