css背景固定-CSS实现垂直和水平居中

以下是孩子们问我的问题和我的回答：

Q：CSS如何实现垂直和水平居中

答：实现方式有很多种，以下是其中一种：

 
 
 
		.wrapper {
			position: relative;
			width: 500px;
			height: 500px;
			border: 1px solid red; 
		 }
		.content{
			position: absolute;
			width: 200px;
			height: 200px;
			/*top、bottom、left和right 均设置为0*/
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			/*margin设置为auto*/
			margin:auto;
			border: 1px solid green; 
		} 
	


	

		 

	

代码很简单css背景固定，你可以自己理解，或者复制到文件中尝试一下。

问：px和em有什么区别

答：px的值是固定的，你指定多少就多少，计算起来也比较容易。 em的值不固定，em会继承父元素的字体大小。

浏览器的默认字体高度是16px。 所以未经调整的浏览器都符合：1em=16px。 那么12px=0.75emcss背景固定，10px=0.625em。

这并不是绝对的。 一般手机的自适应界面都会以em为单位，而px主要用作电脑客户端的界面。