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

2021-04-01 23:43:17 字數 837 閱讀 2015

首先是頁面定位,用css

position,這個下面有兩個屬性absolute(絕對定位)和relative(相對定位),絕對定位是指相對瀏覽器的位置地位,而相對定位和其他元素的位置有關係,位置不固定。

以下可以看乙個例子,看了之後就明白了

abcabsolute positioning with the current element

aaaaaaaaa

absolute positioning with the body

bbbbbbbbbbb

relative positioning with the bodyccccccccccc

而有些css屬性有時候需用position:absolute 之後才有效,比如裁切的那個css等

接下來是一些元素的位置問題

就拿寬度來說

scrollwidth,clientwidth,offsetwidth

這些屬性都可以用在,等元素

第乙個是包括滾動條所有在內的長度,第二個和第三個差不多,第三個是包括工具欄,選單欄,狀態列,滾動條寬度等在內的寬度,而第二個是去掉一些cellpadding等一些的額外的寬度。高度同這個,元素分別為

scrollheight,clientheight,offsetheight

接下來是滑鼠的位置

可以用event.clientx + document.body.scrollleft得到橫的絕對位置

這裡面event.clientx 是相對螢幕的位置,而document.body.scrollleft是網頁被橫向滾動條卷進去的寬度。

這裡可以看乙個例子,**如下 把這個方法寫在的onmousemove中,一目了然了。

關於頁面焦點的定位

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

EOS關於list的在jsp頁面上的迭代操作

500000 商品查詢 100商品 500001 區域查詢 200區域 jsp頁面中這樣寫 例子2 資料 101 10120081106 44芙蓉王,將軍 1011 1011 10,1 120081106 芙蓉王將軍 芙蓉王將軍 jsp頁 string s list type cost sort c...

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

1.對於 外層不管是relative定位還是absolute定位的,內層 relative定位 height過大時,會將外層撐起來,似乎外層的height 內層的relative的height之和 同理有width 2 外層的text align決定了內層參照系的原點所在位置 3所謂的x,y座標其實...