css定位相关的信息

版权声明:作品为本人原创,如需转载,请注明出处 aa15237104245的博客 https://blog.csdn.net/aa15237104245/article/details/81938294

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%'; 

猜你喜欢

转载自blog.csdn.net/aa15237104245/article/details/81938294