我正在使用Google地圖在我的網站上顯示,問題是目前地圖有CSS屬性FIXED,而在左側我有一個預留的窗體,我遇到的問題是,我不希望我的地圖100%也落後於我希望我的谷歌地圖在窗體旁邊開始的形式,因爲我已經創建了一個虛擬div,將其作爲窗體的精確像素並嘗試浮動離開了形式,但我不知道爲什麼谷歌地圖正在考慮100%的寬度,整個頁面讓我分享代碼,使球員更好地瞭解,css如何在自動調整寬度時依賴一個div到另一個
這是大型的div我創建
div#mapcontainermega {
height: 100%;
position: fixed !important;
left: 0;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
}
此DIV有兩個div的形式的div是形式寬度
div#mapcenterdiv {
width: 565px;
height: 100%;
float: left;
}
,然後在地圖上的div在其內部谷歌地圖位於的確切像素,
div#mapmap {
width: 100%;
height: 100%;
float: left;
}
現在的問題是當我嘗試將寬度降低到40%,並開始與窗體一起顯示,但是隨後在不同的屏幕尺寸下,右側出現了明顯的空白區域?我怎樣才能使它響應,以便清晰的空間不顯示?
也許'div#mapmap {width:calc(100% - 565px); height:100%; float:left;}' – codeninja93
不需要calc。你可以設置最大寬度:px寬度,並設置寬度:100%;這將工作... :)目前你打算給40%的寬度... – yjs