在拆分表格时如何将div拆分为两列？

Question

我实际上想要一个div中的两个网格,我的意思是右边的一个网格,左边的另一个网格......但是现在网格正在向下看.和你分成两排的桌子一样!同样我需要拆分div并且并排添加两个网格.希望你明白我的观点.提前感谢您的所有支持和回复

Answer 1

在主div中创建两个div

<div id="main">
<div id="left"></div>
<div id="right"></div>
</div>

使用CSS,将每个修复到正确的一面

#left { float:left }
#right { float:right }

Answer 2

这一切都取决于您想要为该表实现的设计.有多种方法,每种方法都会产生略微不同的结果.

1. 您可以更改displaydiv上的CSS属性.最好的使用价值是table-cell; 但是,任何版本的IE都不支持此值.您也可以尝试inline或inline-block重视.
2. 您可以使div在其容器中向左浮动.
3. 您可以在其容器中使用div的绝对或相对定位; 但是,这种方法不适用于流体设计.
4. 你可以切换到span.