纯百分比页面 想要让元素居中的方法以下一些:
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的宽度的百分比和高度的百分比。