Question

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

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 */
}

'部分'相对<div>展示位置？</div>

2 个答案: