css-面试

1.如何在元素前插入一个新元素

//targetNode目标元素  newnode新元素   targetNode.parentNode目标元素的父元素
var targetNode=document.getElementById("");
newnode=document.creatElement('a');
targetNode.parentNode.insertBefore(newnode,targetNode);

2.如何在元素后插入一个新元素

function insertAfter(newElement, targetElement) {
	var parent = targetElement.parentNode;
	if (parent.lastChild == targetElement) {
		parent.appendChild(newElement);
	} else {
		parent.insertBefore(newElement, targetElement.nextSibling)
	}
}
insertAfter(newnode, targetNode);

3.将一个盒子放在另一个盒子中，并且排在右下角

思路：将父元素设置display为relitive（absolute） ,子元素设置为absolute，使得子元素在父元素内移动

		.per{
			width: 300px;
			height: 300px;
			background: red;
 			position: relative;
		    /*left: 200px;*/
		   /*top:200px;*/
		 	}
		 .son{
		 	width: 100px;
		 	height: 100px;
		 	background: blue;
		 	position: absolute;
		 	/*left:100px;*/
		 	/*top: 100px;*/
		 	right: 0px;
		 	bottom: 0px;
		 }