HTML 采坑 _ DIV absolute

当第一前面的 div 为 absolute后一个才会absolute 才会位置与上一个相同

	<div style="z-index:3;position: absolute;height: 100%;">
	       abcd
	</div>
     <div style="z-index:4;position: absolute;width:100%">
	       higk
	</div>
	

如果前一个不写absolute 后一个会在上一个的下方

	<div style="z-index:3;height: 100%;">
	       abcd
	</div>
     <div style="z-index:4;position: absolute;width:100%">
	       higk
	</div>
	

如果前一个不写absolute 后一个会在上一个的下方,示例如下

	<div style="z-index:3;height: 100%;">
	       abcd
	</div>
     <div style="z-index:4;position: absolute;width:100%">
	       higk
	</div>
	

或者在下一个div中添加 style 中添加 top 属性,示例如下

	<div style="z-index:3;height: 100%;">
	       abcd
	</div>
     <div style="z-index:4;position: absolute;top:50px;width:100%">
	       higk
	</div>
	

元素节点之间的空格在浏览器中会被解释为文本节点

给父节点操作子节点方法带来困扰，DOM中扩展了方法解决

A.childElementCount—>返回子元素(不包括文本节点和注释)的个数

B.firstElementChild—>指向第一个子元素(不包括文本节点和注释)

C.lastElementChild—>指向最后一个子元素(不包括文本节点和注释)

D.previousElementSibling—>指向前一个同辈元素(不包括文本节点和注释)

E.nextElementSibling—>指向前一个同辈元素(不包括文本节点和注释)

F.children—>返回子元素(不包括文本节点和注释)的HTMLCollection集合