position:absolute在网页代码中，没办法让网页居中显示，怎么办
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了position:absolute在网页代码中，没办法让网页居中显示，怎么办相关的知识，希望对你有一定的参考价值。
因为现在电脑都是宽屏了，但是用position:absolute做的网页代码里，没办法让网页在宽屏电脑上居中显示，怎么办。？？
那就不要用了，绝对定位元素的父元素最好是固定宽度的，这样不会随着屏幕宽度改变而改变。实在要用，只能用javascript进行判断，在页面加载完成后判断屏幕宽度是多少，然后根据不同情况重新设置left的值。
判断语句：
if(window.screen ==1024)
else if(window.screen == 1280)
else 参考技术A 用margin：0 auto；然后在设置宽度，比如width：960
px; 参考技术B 直接在<body>后加<center></center>，这样是把body中的内容看成是一个整体来看的，或者在body的css属性里加：text-align:center
position:absolute用法（隐藏溢出部分）
参考技术A 地址： https://www.cnblogs.com/goloving/p/9275776.html
1、绝对定位元素溢出父元素，怎么隐藏问题？
通常，为了让DIV子元素超出部分隐藏，都是在父元素设置overflow:hidden，这样即可防止子元素撑开父元素，使子元素能够溢出隐藏！
但是，对于position:absolute定位的子元素，仅仅使用overflow:hidden没办法将其溢出部分隐藏，需要在父元素上也加上一个定位position:relative;才能将含有position:absolute属性的子元素进行溢出隐藏！
绝对定位元素相对的元素是它最近的一个祖先，该祖先满足：position的值必须是：relative、absolute、fixed，若没有这样的祖先则相对于body进行定位。偏移值由其top、bottom、left、right值确定。
而绝对定位的元素若超出其父元素的边界，要想将溢出的部分隐藏，则，想隐藏在哪个祖先里，该祖先必须同时设置position:relative/absolute/fixed和overflow:hidden的值。
2、绝对定位常见误区：
通常我们常听说：CSS绝对定位在没有其他有除static定位的包含块的情况下是以body进行定位，如果要想相对当前元素的父元素来定位，父元素一定要设置position：relative。
注意，前面一句是没有问题的，在没有父元素设置定位的话，默认就是以body来定位的，但是后面一句，要想相对父元素定位，父元素必须设置相对定位（relative），根据我的开发经验和查阅相关资料确认后发现，这是不对的。
正确的理解姿势是：
相对定位：相对于块级元素（或行内块）自身位置进行定位；
绝对定位：绝对定位的盒子是相对于 离它最近的一个已定位的盒子进行定位的（默认是body）；
PS：注意是最近的盒子，而不是最近的父元素
注意：css描述的绝对定位概念，没有说明是离他最近的一个已相对定位的盒子进行定位的，所以离他最近的盒子的定位可以是相对定位（relative）和绝对定位（absolute）的，但是在开发中，一般是父盒子设置相对定位的，但是不代表只能是相对定位。
以上是关于position:absolute在网页代码中，没办法让网页居中显示，怎么办的主要内容，如果未能解决你的问题，请参考以下文章