最大寬度正在更改位置：固定邊距

Question

視口達到最大寬度后，在將瀏覽器右側的div正確對齊時出現問題。

該Codepen顯示了該問題。

問題div是.rghtlogo，當瀏覽器視口小於1200px（主體最大寬度）時，它的正確位置為right：4％

但是，當瀏覽器的視口變得大於1200px時，它會將頁邊距推至主體容器而不是瀏覽器右內邊緣的4％。

我嘗試將其包裝在沒有運氣的絕對位置div中，嘗試浮動.rghtlogo避免運氣，並且基本上已經采取了一種非常草率的不良解決方法，即使用多種媒體查詢來基本上隨着瀏覽器的變大而改變邊距。 但是，此動作並不流暢。

@media (min-width:1201px){.rghtlogo{margin-right:3% !important}}
@media (min-width:1216px){.rghtlogo{margin-right:1.5% !important}}
@media (min-width:1230px){.rghtlogo{margin-right:.75% !important}}
@media (min-width:1251px){.rghtlogo{margin-right:0% !important}}
@media (min-width:1256px){.rghtlogo{margin-right:-1% !important}}

我沒有搜索如何解決此問題。 任何幫助是極大的贊賞。

Answer 1

更改position:fixed為.rghthdr position:relative
並將.rghtlogo top和right分別.rghtlogo為-250px和0 。

因此， .rghtlogo始終相對於.rghthdr定位。
請參閱此更新的Codepen： http ://codepen.io/yogeshkhatri/pen/NPKQZg

Answer 2

將.rghthdr中的position：fixed固定為position：relative，並將.rghtlogo中的top和right分別更改為-250px和0。 這樣.rghtlogo總是相對於.rghthdr定位

這實際上殺死了javascript函數。 謝謝你！ 我最終弄清楚了。

它真的很愚蠢，我意識到我的.nav div是所有標頭的容器，其寬度設置為100％，但邊距設置為2.5％。 一旦將其更改為width：95％，所有內容均已修復。