HTML元素相互重叠（对齐嵌入的Google地图）

我的facebook、twitter和instagram按钮重叠。我想让它们挨着边坐，不要重叠。另外，如何将嵌入的谷歌地图与中心对齐

正文{
边际：0px；
填充：0px；
}
.横幅{
宽度：100%；
}
navbar先生{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#333；
页边顶部：-5px；
}
身体{
边际：0px；
填充：0px；
}
.横幅{
宽度：100%；
}
navbar先生{
列表样式类型：无；
保证金：0；
填充：0；
溢出：隐藏；
背景色：#444；
页边顶部：-5px；
}
纳夫利先生{
浮动：左；
宽度：25%；
边际上限：0px；
}
纳夫利先生{
显示：块；
颜色：白色；
文本对齐：居中；
填充：14px 0px；
文字装饰：无；
}
.navli a:悬停：未（.active）{
背景色：#333；
}
.主动导航{
背景色：#000；
}
纳夫利：最后一个孩子{
边界权：无；
}
.电子邮件块{
浮动：左；
左缘：5%；
}
1.社会障碍{
浮动：对；
}
.clearfix:之后{
可见性：隐藏；
显示：块；
字号：0；
内容：“；
明确：两者皆有；
身高：0；
}
.文本中心{
文本对齐：居中；
}
a{
文字装饰：无；
}
.链接{
填充物：5px；
颜色：白色；
左缘：3%；
}

联系
电邮：notarealemail@duckduckgrouse.com





悉尼路125号，不伦瑞克，墨尔本，澳大利亚，大洋洲，地球，太阳系，银河系，本地群，处女座超星系团，拉尼亚凯亚超星系团，宇宙

#gmap_帆布img{
最大宽度：无！重要；
背景：没有！重要
}
函数init_map（）{
变量myOptions={
缩放：16，
中心：新google.maps.LatLng（-37.774684144.960652999998），
mapTypeId:google.maps.mapTypeId.ROADMAP
};
map=new google.maps.map（document.getElementById（“gmap_画布”），myOptions）；
marker=新的google.maps.marker({
地图：地图，
位置：new google.maps.LatLng（-37.774684144.960652999998）
});
infowindow=新建google.maps.infowindow({
内容：“墨尔本悉尼路125号鸭松鸡”
});
google.maps.event.addListener（标记“单击”，函数（）{
信息窗口。打开（地图、标记）；
});
信息窗口。打开（地图、标记）；
}
google.maps.event.addDomListener（窗口'load'，初始化映射）；

添加

display:block

in.links并删除a标签之间的

。

社交链接应为

display:inline block

.social-block a 
{
    display: inline-block;
}

地图

#gmap\u画布的父级应具有自动边距

<div style="overflow:hidden;height:500px;width:84%; margin: auto;">



为什么父对象和贴图的宽度为84%？也许最好将
#gmap_画布
设置为100%宽度。因为它是块元素，所以只需删除
width:84%

对于可以添加的链接
行高：28px
到
链接
CSS

如果您更改

<div style="overflow:hidden;height:500px;width:84%;">
 <div id="gmap_canvas" style="height:500px;width:84%;">



到

你是救命恩人，伙计！
<div style="overflow:hidden;height:500px;width:84%;margin:auto;">
<div id="gmap_canvas" style="height:500px;width:100%;">