两个DIV水平并排，右边一个内容是调用文章列表，为什么这两个DIV就成上下排列了？

我试了一下，把右边的DIV里插入一个表格，再把这个调用标签放表格里，就不会出问题。请问这是什么原因呢，我表格用的是表格形式输出

div{margin:auto}

.box{width:你想要的宽度 比如600px;}

.wenzhang1{width:280px;float:left}

.wenzhang2{width:320px;float:right}

<div class="box">

    <div class="wenzhang1"></div>

    <div class="wenzhang2"></div>

</div>

这样就排成一行了,两个DIV要想排成一行，必须得给该DIV加上漂浮，DIV是容器不是表格