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

时间:2017-04-10 19:27:38

标签: css

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

#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%;
}​

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

#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%;
}​
豫ICP备18024241号-1