Fatal编程技术网
  • css/
  • Css 如何正确地从绝对定位切换到固定定位

Css 如何正确地从绝对定位切换到固定定位

css

Css 如何正确地从绝对定位切换到固定定位,css,css-position,Css,Css Position,我遇到了一个问题，我用“position:absolute”来定位一个对话框，把它放在屏幕中央时效果很好。但之后我将“位置：绝对”切换为“位置：固定”，这会导致位置不在中心。（我正在使用最新的稳定的谷歌浏览器。） 有什么诀窍使我在切换时，它始终处于中间位置？您需要使用这些样式使其看起来死角： position:fixed; top:50%; left:50%; width:400px; /* adjust as per your needs */ height:400px; /* adju

我遇到了一个问题，我用“position:absolute”来定位一个对话框，把它放在屏幕中央时效果很好。但之后我将“位置：绝对”切换为“位置：固定”，这会导致位置不在中心。（我正在使用最新的稳定的谷歌浏览器。）

有什么诀窍使我在切换时，它始终处于中间位置？

您需要使用这些样式使其看起来死角：

position:fixed;
top:50%;
left:50%;
width:400px;  /* adjust as per your needs */
height:400px;   /* adjust as per your needs */
margin-left:-200px;   /* half of width above */
margin-top:-200px;   /* half of height above */
因此应指定
位置
。顶部的
和左侧的
应该是
50%
。左侧的
边距
和顶部的
边距
应分别为方框宽度和高度的负一半

请注意，
position:fixed
在IE6中不起作用