Question

如何使div层里面的2个div在同一行一个左对齐,一个右对齐

<div id="navigation">
<div id="01"></div>

<div id="03"></div>
</div>

#navigation
{
margin:0px auto;
width:990px;
height:100px;
}
#01
{
width:337px;
height:24px;
background-color:#0000CC;
float:right;
margin:0px auto;
}

#03
{
float:left;
width:240px;
height:31px;
margin-right:413px;
background-color: #FFFF00;
}
在DRW设计中显示的2个div层是处于同一行一个左对齐,一个右对齐,可是在IE浏览的时候却是分成了2行显示 这是为什么 请高手指点!!!!

Answer 1

margin属性在浏览器中很容易出问题，建议你用padding去控制。或是绝对定位。另外下载一个IETester，方便你测试在不同浏览器中的效果。

Answer 2

你改下div 宽度试下 ， 留出来 1 px ；margin-right:413px; 和width:336x;

或者 margin-right:412x; 和width:337px;

Answer 3

用position：inline试试，不行就换成<span>吧

Answer 4

添加一个表格,表格的两列