關於頁面定位問題的幾個經驗

2021-04-20 09:22:33 字數 866 閱讀 9309

1.對於 外層不管是relative定位還是absolute定位的,內層(relative定位)height過大時,會將外層撐起來,似乎外層的height=內層的relative的height之和 ,同理有width

2 外層的text-align決定了內層參照系的原點所在位置

3所謂的x,y座標其實就是每個層的左右邊界且僅為左右邊界和對應原點間的距離(帶方向).  

4所謂選擇「最近」的具有定位的……為參考係 ,其中「最近」是在於有(div)巢狀關係時有效,當相互之間沒有父子容器關係時,選參考是還是以瀏覽器為參考的

5.定位發生改變時,因為沒有定位設定時,在body中是由從左到右,從上到下進行排列的,所以左右優於上下,內層有相對定位是似乎只改變x座標,y座標似乎和絕對定位是乙個效果

6部分實驗顯示相對定位移動的距離是相對與如果它是絕對定位時的位置來定的,正如有些資料上說的相對定位是關於自身的偏移量,也就是說設定的位置關於他分配到的位置的位移

7同一水平(y軸方向該條不成立,而且同一水平也不是嚴格的,也就是說只要他有一點是瀏覽器座標系中最左最右的就行)的幾個層如果第乙個(最左邊的)是相對定位,其它是絕對定位,那麼第乙個水平方向怎麼移動,該層其他的也會作出相同的移動,如果該層除了最左邊之外還有層a是相對定位的,那麼a就照它本身的設定去移動,而不是跟著最左邊的平行移動,不同的是最右邊的不會有同樣效果

8一些實驗說明相對定位中自身是body中按照不定位時的規則的位置,經過尋找原點的實驗,我猜想其實他的相對定位中的自身位置就是:例如在最外層規定居中(text_align:center)時,乙個層居中顯示,這個位置就是他的初始位置,他的起始位置或者說原點在於他的左上角

關於頁面焦點的定位

根據測試的要求,在alert之後,要將游標定位到指定的位置。查閱之後發現 focus屬性可以方便的做到。alert 姓名不能為空!由id定位到需要的焦點 name focus 即在提示輸出後,焦點回到輸入項。類似的也可以加入對應的樣式。能高亮顯示正在輸入的那個文字框的話,會更人性化些,下面就使用jq...

頁面上關於定位和長度的幾個屬性 原創

首先是頁面定位,用css position,這個下面有兩個屬性absolute 絕對定位 和relative 相對定位 絕對定位是指相對瀏覽器的位置地位,而相對定位和其他元素的位置有關係,位置不固定。以下可以看乙個例子,看了之後就明白了 abcabsolute positioning with th...

關於前端頁面定位符

最近兩天在改 遇到的不少了的問題。今天說下前端頁面定位符的用法。以下方法均 文中yourid指的是你自己要定位的那個id選擇器的元素。location.href yourid 這種是瞬間定位,閃現的感覺,簡單,偏向js中使用。我比較喜歡。yourid 定位 a 這種也是瞬間定位,簡潔。偏向在html...