Question

我有一个使用以下代码定位的范围：

#Header .NavTabs .tabLevel1 { 
    position:relative; 
    margin:0 auto; 
    clear:left; 
    height:auto; 
    z-index: 0; 
    text-align:center; 
    top: -90px; 
    left: 600px;
}

我需要将它准确定位在相对于屏幕水平的位置。但是，每当我水平缩小浏览器窗口时，因为我设置了左：600px;它不会停留在我需要的地方。是否有另一种方法可以将其定位：600px;但是根据屏幕尺寸自动调整它的位置？

[编辑]我很蠢。得到了答案。我这样做了：

#Header .NavTabs .tabLevel1 { 
    position:relative; 
    margin:0 auto; 
    clear:left; 
    height:auto; 
    z-index: 0; 
    text-align:center; 
    top: -85px; 
    margin-left: 51.5%;
}

Answer 1

您可以使用可见宽度（vw）而不是固定数量的像素。这将适用于不同大小的屏幕和分辨率。

因此该行将被保留：50vw;

Answer 2

我很蠢。得到了答案。我这样做了：

#Header .NavTabs .tabLevel1 { 
    position:relative; 
    margin:0 auto; 
    clear:left; h
    eight:auto; 
    z-index: 0; 
    text-align:center; 
    top: -85px; 
    margin-left: 51.5%;
}

调整窗口大小时水平定位跨度

2 个答案: