UC知道如何使div层里面的2个div在同一行一个左对齐,一个右对齐
来源：百度知道 编辑：UC知道 时间：2024/05/22 19:01:34
<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行显示 这是为什么 请高手指点!!!!
<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行显示 这是为什么 请高手指点!!!!
添加一个表格,表格的两列
margin属性在浏览器中很容易出问题，建议你用padding去控制。或是绝对定位。另外下载一个IETester，方便你测试在不同浏览器中的效果。
用position：inline试试，不行就换成<span>吧
你改下div 宽度试下 ， 留出来 1 px ；margin-right:413px; 和width:336x;
或者 margin-right:412x; 和width:337px;