2016-11-07 49 views
0

我買了一箇中間有徽標的模板,但是當我向下滾動徽標時,徽標移動並且不再居中。徽標在固定菜單內不向中心滾動時向下

Example

我設定的位置絕對和加入左:汽車,右:汽車,但仍是不居中。這是爲什麼?

我的頁面是完全一樣的,除了我說:

position: absolute; 
top: -1px; 
left: auto; 
right: auto; 

在貼標誌和:

position: absolute; 
top: -30px; 
left: auto; 
right: auto; 

的主要標誌(不向下滾動)。

+2

的IMG比'。主要-logo'容器更寬。如果您使用'.cbx-header .stick .cbx-logo .main-logo img {max-width:100%}'img會縮小尺寸以適合容器。 – Turnip

+0

在給定的鏈接中,徽標位於屏幕的中心 – Samir

+0

如果您想始終以中心爲準,請對圖像或父級進行具體說明。在CSS中,只需製作'.class-name {margin:0 auto}'。 – Samir

回答

2

嘗試此CSS

.cbx-header .stick .cbx-logo { 
left: 0; 
margin: 0 auto; 
position: absolute; 
right: 0; 

}

+0

沒想到這個簡單的解決方案工作,但它做到了!謝謝。 – twan

相關問題