css - 如何将 DIV 位置设置为中心左侧 200 像素

Question

我想将 DIV 放置在中心左侧 200 像素处。

我目前正在使用以下代码，但在更高分辨率的显示器上(例如 1920×1080)，DIV 会滑出位置:

.hsonuc {
    position: absolute;  
    top: 20px; 
    margin:auto;
    margin-left:200px;
    display:none;
}

我想要实现的目标:

Answer 1

只需定位它 50%从右边 ( right:50%; )，然后使用 margin-right:200px; 把它推过去(example)。

HTML

<div class="hsonuc">DIV</div>

CSS

.hsonuc {
    position:absolute;
    top:20px;
    right:50%; /* Positions 50% from right (right edge will be at center) */
    margin-right:200px; /* Positions 200px to the left of center */
}