CSS屬性不適用正常[底部，右側]

我創建一個div和JavaScript之後，它推到Google Map我附上一些css性質與div所有屬性應用於除1個屬性，它是bottom我指定的值15px，但它顯示0px。任何想法我如何應用。CSS屬性不適用正常[底部，右側]

演示是here

這是我如何創建div

var unitControlDiv = document.createElement('div'); 
unitControlDiv.style.margin = '4px'; 
unitControlDiv.style.padding = '4px'; 
unitControlDiv.style.backgroundColor = 'ButtonShadow'; 
unitControlDiv.style.borderRadius = '10px'; 
unitControlDiv.style.bottom = '15px'; 
unitControlDiv.style.right = '10px'; 
unitControlDiv.className = 'unitContainer';

更新1

下面是地圖加載後生成的CSS

enter image description here

我想從上面0和bottomright改變，320px到15px，10px分別

來源

2014-03-24 Blu

你有沒有定義位置，那麼這將如何工作？ 'top'不適用於靜態定位元素 –

位置自動定義。但我想現在重寫底部值。這總是0 – Blu

的問題是這一行：

map.controls[google.maps.ControlPosition.BOTTOM_RIGHT].push(unitControlDiv);

這條線基本上將你的底部CSS屬性重置爲'0px'，因爲它將控件定位在底部。要解決此問題，您可以使用保證金底部。

unitControlDiv.style.marginBottom = '50px';

Updated Demo

---- ------更新

那麼你爲什麼不覆蓋它在CSS本身...

.unitContainer { 
    margin:4px; 
    padding:4px; 
    background-color:ButtonShadow; 
    border-radius:10px; 
    bottom: 50px !important; /*Changed here*/ 
}

來源

2014-03-24 11:04:49 Abhidev

我知道問題在這裏，所以這就是爲什麼我想用'底部'而不是'marginBottom'' – Blu

來覆蓋'因爲我不知道'CSS'，但現在它使用'！important'解決BU。感謝 – Blu

這樣的可能性？ 'unitControlDiv.style.bottom ='50px！important';' – Blu

底部是與位置的風格屬性。你可以聲明 位置：絕對或相對的則只有底線將工作否則將無法正常工作

unitControlDiv.style.marginBottom = '15px';

來源

2014-03-24 10:53:24

我想使用'底部'和'右'，所以我的div將移動在地圖的角落。 – Blu

CSS屬性不適用正常[底部，右側]

回答

相關問題