欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

一个页面分为左中右3部分,中间部分像素固定为1000px, 中间部分要居中, 剩下左右2部分的宽度如何设置?_html/css_WEB-ITnose

程序员文章站 2022-05-29 21:15:54
...
因为个显示器的分辨率不一致,需固定中间div的宽度,剩下2边的宽度如何设置?



回复讨论(解决方案)

		

		


不好意思,写错了,把right和left的宽度改成50%就行了。


		


不好意思,写错了,把right和left的宽度改成50%就行了。

中间部分是1000px的时候可以,但是改成500,或者800px就不居中了, 中间部分有时候可能需要调整的, 有什么好的解决方式

中间部分是1000px的时候可以,但是改成500,或者800px就不居中了, 中间部分有时候可能需要调整的, 有什么好的解决方式



注意 right: 50%; margin-right: -500px;这两个属性,这是要元素在浏览器中居中的,你要吧中间的div换成800,那么相应的 margin-right: -400px;。如果你要完全自适应就换成百分比,例如 width:80%; right: 50%; margin-right: -40%;

margin:0 auto;padding:0 auto;