css - “部分”相对放置？

Question

我想放置一个距离页面中心 20 像素的固定宽度和高度的 HTML div 元素。这可能吗？

Answer 1

是的。将 div 的 css 更改为：

position: absolute; 
top: 50%; 
left: 50%; 
margin: (whatever direction you want to move)

Answer 2

如果没有更多信息，这有点难以判断，但是是的，你可以。

水平居中，距“边”20px：

#my-element {
    margin: 0 auto; /* center */
    position: relative;
    left: -20px; /* offset */
}

水平和垂直居中（需要元素的固定高度）：

#my-element {
    width: 100px;
    height: 100px;

    position: absolute; /* or fixed */
    left: 50%;
    top: 50%;

    margin: -50px 0 0 -50px; /* half of the elements width and height in negative margin pulls it to the center - to offset it 20px simply increase/decrease these values */
}