float：right使所有元素反向

Question

最近从一个新客户接管了一个网站。试图在标题中创建两个div。左边是徽标。很好，那里没问题。但正确的div有两个元素，它们都应该位于该div的右侧。尝试浮动右边和改变边距，填充等。没有多少工作。大问题是订单应该是社交图标，然后是MailChimp小部件，相反，它是相反的。以下是我目前用于该区域的CSS的内容：

    #theme-logo {
     width: 50%;
     float: left;
     margin: 0;
 }
 #theme-header {
     min-height: 60px;
 }
 #theme-header .tabcontent ul li.widget {
     position: relative;
     float: right!important;
     padding: 0px 20px;
 }
 #theme-header .tabcontent {
     position: relative;
     float: left;
     top:0px;
     width: 50%;
 }
 #theme-header .tabcontent ul {
     float: left;
     list-style: outside none none;
     margin: 0px 0px 0px 0px;
     padding: 0px;
 }

Answer 1

找到它。原始主题在MailChimp小部件的div上有绝对定位。像这样：

#mc_signup { position: absolute; right: 0px; width: 226px; }

所以我刚从主题的CSS中删除了该行，问题似乎已经解决了。

从别人手中接过主题永远不会有趣。