同行一边居左 一边居右 div

原代码 - 显示为 内容A靠右
引用:
<div class="main" style="font-size: 12px; text-align: right; font-weight:bold;">内容A</div>
想把它增加右边一个内容 - 显示为 内容A靠左,内容B靠右
引用:
<table cellspacing="0" cellpadding="0" border="0" width="{TABLEWIDTH}" align="center" style="table-layout: fixed">
<tr><td class="nav" width="50%" align="left" nowrap>内容A</td>
<td align="right" width="50%">内容B</td>
</tr></table><br></div>
第一个代码是DIV,而第2个代码是table .
怎么将第一个效果,用DIV表达出来呢?
回答:
<div style="float:left;">第一个层</div><div style="float:right;">表格</div>

评论

1 楼 sgwood 2008-03-25  

<div style="float:left;width=100px;border:1px solid red;">第一</div><div style="float:right;width=100px;border:1px solid red;">第二</div><div style="float:left;width=79%;border:1px solid red;">第三</div>