css定位相關的資訊
阿新 • • 發佈：2018-11-03
jquery 獲取某個元素的高度和寬度
<script> $(document).ready(function(){ var a = $("#div").width(),//width()返回元素的寬高，不包括padding/border/margin b = $("#div").innerWidth(),//innerWidth()返回元素的寬高 + padding c = $("#div").outerWidth(),//outerWidth()返回元素的寬高 + padding + border d = $("#div").outerWidth(true);//outerWidth(true)返回元素寬高 + padding + border + margin var wid= $(".width").width(); var hei=$(".hegiht").height(); console.log(wid) console.log(hei) }); </script> <body> <div class="width" style="width: 50px">`111</div> <div class="hegiht" style="height :60px">222</div>
z-index
z-index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。
元素可擁有負的 z-index 屬性值。
Z-index 僅能在定位元素上奏效（例如 position:absolute;）
該屬性設定一個定位元素沿 z 軸的位置，z 軸定義為垂直延伸到顯示區的軸。如果為正數，則離使用者更近，為負數則表示離使用者更遠。
right
{
position:absolute;
right:5px; }
把影象的右邊緣 設定在 其包含元素右邊緣 向左 5 畫素的位置：
相當於將圖片向左移動一定的畫素
right 屬性規定元素的右邊緣。該屬性定義了定位元素右外邊距邊界與其包含塊右邊界之間的偏移。
註釋：如果 "position" 屬性的值為 "static"，那麼設定 "right" 屬性不會產生任何效果。
對於 static 元素，為 auto；對於長度值，則為相應的絕對長度；對於百分比數值，為指定值；否則為 auto。
對於相對定義元素，left 的計算值始終等於 right。
| 值 | 描述 |
|---|---|
| auto | 預設值。通過瀏覽器計算右邊緣的位置。 |
| % | 設定以包含元素的百分比計的右邊位置。可使用負值。 |
| length | 使用 px、cm 等單位設定元素的右邊位置。可使用負值。 |
設定屬性
view.className = 'icon-state icon-state-abno';
view.cssTop='1%';