html - float : right makes all elements in reverse

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 中删除了那行，问题似乎已经解决了。

从别人那里接管主题绝非有趣。