我可以得到帮助，让我的 map 成为固定的 position？

Question

我希望我的 map 位于屏幕上的固定 position 上，这样当用户滚动时 map 仍然在同一位置。 这是我所拥有的：

 #map { float: right; height: 545px; width: 40%; margin-top: 12px; margin-right: 30px; position: fixed; }

Answer 1

您必须添加top和right属性。 不浮动或边距。

 #map { height: 545px; width: 40%; top: 12px; right: 30px; position: fixed; background:red; } #cont {background:rgb(2,0,36);background:radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(9,121,103,1) 35%, rgba(0,212,255,1) 100%);;height:1000px}

 <div id="cont"> <div id="map"></map> </div>