Question

两个table并行放左边一个,右边一个table的布局怎么写,用div来写?

两个table并行放左边一个,右边一个table的布局怎么写,用div来写?
两个table并行放左边一个,右边一个table的布局怎么写,用div来写 ，另外在这两者中间再放一个，怎么来写呢？

Answer 1

最好是直接给table写样式
<div style="width:100%;">
<table style="float:left; width:50%;"></table>
<table style="float:left; width:50%;"></table>
</div>

如果中间再加一个，也如此，只要div的宽度不小于里面所有table的宽度就行了
<div style="width:100%;">
<table style="float:left; width:30%;"></table>
<table style="float:left; width:40%;"></table>
<table style="float:left; width:30%;"></table>
</div>

Answer 2

最好是直接给table写样式
<div
style="width:100%;">
<table
style="float:left;
width:50%;"></table>
<table
style="float:left;
width:50%;"></table>
</div>
如果中间再加一个，也如此，只要div的宽度不小于里面所有table的宽度就行了
<div
style="width:100%;">
<table
style="float:left;
width:30%;"></table>
<table
style="float:left;
width:40%;"></table>
<table
style="float:left;
width:30%;"></table>
</div>

Answer 3

<div style="float:left; width:50%"><table></table></div>
<div style="float:left"><table></table></div>

应该可以

Answer 4

<table id="table1"></table>
<table id="table2"></table>

#table1{float:left;width:300px;}
#table2{float:right;width:300px;}

<table id="table1"></table>
<table id="table2"></table>
<table id="table3"></table>
#table1{float:left;width:100px}
#table2{float:left;width:100px}
#table3{float:left;width:100px}

上面代码中的width由实际情况确定，楼主可自行更改

Answer 5

div1当容器 给固定宽 左浮动！
div2当容器 给固定宽 左浮动！
清除浮动两者！