Javascript 水平添加此小部件仅在Safari中垂直堆叠

例如：

看看Firefox（或任何其他浏览器）和Safari

Firefox具有所需的行为

这是我的代码：

<div class="addthis_toolbox addthis_default_style" style="text-align:center;">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"     addthis:url="http://www.facebook.com/TheDirtyCookie"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit" pi:pinit:url="http://www.dirtycookie.co"    pi:pinit:layout="horizontal" always-show-count="1" pi:pinit:size="small"></a> 
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_button_stumbleupon_badge"></a>  
<a class="addthis_counter addthis_pill_style"></a>
</div>

JavaScript:

<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>

var addthis\u config={“数据跟踪地址栏”：true}；

这也发生在Chrome上（最新）

您的CSS和小部件CSS（addThis）正在发生冲突。。。。 ..…通过在style.css中添加此项来覆盖它：

.addthis_default_style .addthis_separator, 
.addthis_default_style .at300b, 
.addthis_default_style .at300bo, 
.addthis_default_style .at300m, 
.addthis_default_style .at300bs {
    float: left !important;
}

---

这在我的Chrome中发生…看起来浮点定义被覆盖了