Css 为什么我的社交媒体图标/按钮要包装？

我试图将所有社交媒体图标对齐到一行，但出于某种原因，它们正在包装。（twitter和fbconnect）：

在此方面的任何帮助都将不胜感激。我尝试了很多方法（向左浮动，增加包含div的容器的大小，使用display:inline块），但似乎没有任何效果

非常感谢,，

---

gvanto

问题似乎是缺少水平空间，因此twitter按钮被包裹起来

---

如果在

#socmedia bar上指定
宽度
。例如
250px
的区域socmed图标

，它们将位于同一行。

如果您谈论的是顶部的社交媒体按钮，则说明宽度错误。社交媒体按钮的总宽度为

250px

，但包装器div的宽度仅为

200px

。因此包装。增加包装器的宽度

#socmedia bar

，这样就可以了。

调整文件pme.css，如下所示：

第140行

#socmedia-bar {
clear: both;
float: right;
position: relative;
top: 30px;
height: 21px;
background-color: #6F6;
width: 345px;
}

#socmedia-bar .region-socmed-icons {
float: left;
height: 20px;
margin: 0 0 0 5px;
position: relative;
}

第150行

#socmedia-bar {
clear: both;
float: right;
position: relative;
top: 30px;
height: 21px;
background-color: #6F6;
width: 345px;
}

#socmedia-bar .region-socmed-icons {
float: left;
height: 20px;
margin: 0 0 0 5px;
position: relative;
}

第178行

#socmedia-bar .region.region-facebook-connect {
float: right;
height: 20px;
}

---

上面的绿色条是用来干什么的？绿色条只是用来查看容器的（我想它应该给我一个太小的线索！）。顺便问一下，有人知道哪个fb计数按钮旁边有一个简单的计数吗？我选择了我认为会这样做的fb开发一样的按钮页面，但它不适合我。。。这是一个iframe版本，天哪，非常感谢你，你是我的英雄！我花了好几个小时在这上面。诚然，他不是css专家：-D Thx又来了