我想并排使用两个DIV。第一个具有响应宽度的DIV,内部带有google map ...第二个具有固定宽度的DIV。
的HTML
<div class="wrapper">
<div id="map"></div>
<div class="right"></div>
</div>
的CSS
.wrapper{
width: 90%;
margin: 0px auto;
}
#map {
height: 300px;
}
.right {
background: orange;
width: 250px;
float: right;
height: 300px;
}
编辑删除JS调整大小/正确的CSS +小提琴
JS
var map;
var elevator;
var myOptions = {
zoom: 4,
center: new google.maps.LatLng(50, 10),
mapTypeId: 'terrain'
};
map = new google.maps.Map($('#map')[0], myOptions);
var markers = [];
使用CSS位置:
的CSS
*{
margin:0;
padding:0;
}
.wrapper{
margin-top:10px;
border:solid 1px red;
position :relative;
width: 90%;
margin: 0px auto;
height:300px;
}
#map {
position :absolute;
top:0;
left:0;
bottom:0;
right:250px;
border: 1px solid;
}
.right {
position : absolute;
top:0;
right:0;
background: orange;
width: 250px;
height: 300px;
}
常见问题解答CSS位置 在这里
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句