水平定位的跨度時調整窗口大小

-1

我有，我已經使用了下面的代碼置於一個跨度：水平定位的跨度時調整窗口大小

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

我需要它定位它的確切位置現在是在水平相對於屏幕。但是，每當我水平縮小瀏覽器窗口時，因爲我已將left：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%; 
}

來源

2017-04-10 lolikols

你可以給更多的上下文，如html，一個工作的例子，這個跨度假設是在哪裏？ –

@MrLister哎呀，哈哈謝謝！ – lolikols

您可以使用可見寬度（vw）而不是固定數量的像素。這對於不同尺寸的屏幕和分辨率會更好。

所以這條線會留下：50vw;

來源

2017-04-10 19:38:34 Simon

西蒙，謝謝！只要瀏覽器窗口被調整爲非常小的東西，這種工作方式就可以實現，但是在全屏時，它距離需要的位置還有很遠的距離:(有沒有辦法做到這一點，百分比？ – lolikols

找到了，我很愚蠢。 – lolikols

我很蠢。得到了答案。我這樣做：

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

來源

2017-04-10 19:48:19 lolikols

水平定位的跨度時調整窗口大小

回答

相關問題