我正在将主题转换为RTL。在标题两部分中。左侧徽标区域和右侧接触区域。现在,当转换此图标时,我希望它在右侧显示徽标,并且联系人应移到左侧...

style.css

<div class="span12 head_area"><div class="row">
<div class="span6 alpha">
<div class="logo_area">
<div id="widgets-reloaded-bizz-logo-2" class="widget logo"><div class="logo-spot"><div class="blog-title"><a href="http://bestdrive.co">Best Drive</a></div><div class="blog-description"></div></div></div><div id="transposh-2" class="widget widget_transposh"><span class="no_translate"><select name="lang" onchange="document.location.href=this.options[this.selectedIndex].value;"><option value="/" selected="selected">English</option><option value="/?lang=ar">العربية</option></select><br></span><div id="tr_credit"></div></div></div>
</div>
<div class="span6 omega">
<div class="contact_area">
<div id="bizz_cinfo-2" class="widget widget_cinfo">         <div class="contact-info">
                <div class="cblock c1">
<span class="pmeta">Email</span><a href="mailto:[email protected]"><span class="psmall">[email protected]</span></a>              </div>
                <div class="cblock c2">
<span class="pmeta">Call Us</span><a href="tel:+961 3 120 110"><span class="plarge">+961 3 120 110</span></a>               </div>
            </div>
</div></div>
</div>
</div>
</div>


如果我在span6上进行更改,则会同时影响span6 alphaspan6 omega。我也在徽标区域尝试了float: right。但是它不在窗口的右边移动。它实际上移到span6 alpha的右侧。

我想要在右侧的span6 alpha和在左侧的span6Ω。

我在哪里进行更改?

最佳答案

仅查看您的代码,它应该只是.alpha {float: right}才能使整个组向右移动,并允许.omega向上流动到其左侧。将float放到logo_area上并不会影响它与contact_area的关系,因为它们每个都包含在各自的alphaomega包装器中。

10-08 16:35