下面的代码产生了一个很好的社交媒体粘性,它与页面的左中间对齐。这是完美的,除了社交图标是水平的和重叠的内容。我如何才能让它是垂直的,在带有项目符号格式的社会徽章的旁边。
/*Make Social Media Sticky*/
#et-social-icons {
position: fixed;
z-index: 11;
left: 0;
top: 45%;
background-color: #333333;
padding: 5px 2px 2px 3px;
margin: 0;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
#et-social-icons a {
padding: 0;
clear: both;
display: inline-block;
float: left;
margin-bottom: 10px;
}发布于 2014-02-21 10:55:01
我需要看到你更多的标记来确定,但似乎你需要删除:
display: inline-block;float: left;
这些将导致它们水平级联。
https://stackoverflow.com/questions/21924086
复制相似问题