制作百分比页面的一些的

纯百分比页面 想要让元素居中的方法以下一些:

1 给居中元素设置一个小于百分百的宽度,然后 设置margin:0 auto;

2给居中元素的父元素设置一个position:relative; 再给子元素使用position:absolute;减去想要定位的子元素容器的一半宽度。

3给居中元素的父元素设置一个position:relative; 再给子元素使用绝对定位 position:absolute; left:0 ;right:0;top:0;bottom:0;margin:auto;垂直居中。

4给居中元素设置一个外边距;这个外边距的取值应该是父元素宽度减去子元素的宽度的一半。

5给居中元素设置一个内边距;这个内边距padding的取值应该是父元素的宽度减去子元素宽度的一半。

注:类似于有宽度的写法 只不过是用了百分比去计算。 再使用绝对定位,固定定位的时候 元素是脱离文档流的,所以在设置宽度和高度的时候我们应该考虑的是整个body的宽度的百分比和高度的百分比。

原文地址:https://www.cnblogs.com/l8l8/p/8548469.html