2013-12-13 45 views
3

我需要两个div内嵌的顶部标题 - 左右对齐。请查看代码。它是否正确?我在哪里需要添加DIV CLASS = “clearfix”水平线上的两个div - 左右对齐

<div class="container"> 
<div class="columns"> 
     <div id="div-left"> 
      Left aligned text 
     </div> 

     <div id="div-right"> 
      Right aligned text 
     </div> 
    </div> 
</div> 

#div-left { 
    float:left; 
    display:inline 
} 

#div-right { 
    float:right; 
    display:inline 
} 

回答

6

裹两人在一个包含分区的div,并给内部的div浮动:左和float:正确的,也许有些宽度如果你愿意:)

<div> 
    <div style="float:right">To the right</div> 
    <div style="float:left">To the left</div> 
</div> 
+0

我需要clearfix和内联吗? – user3101055

+0

不,那没有必要。如果你尝试了,你会看到这个效果。 – Maritim

+0

它适用于所有浏览器吗? – user3101055