html - div定位问题

Question

提前感谢您阅读本文。我正在创建一个页面，其中查询结果显示在一个 div 中。一个典型的 div，左边是图片，右边是产品及其特性的描述。所以我的 php 脚本找到结果的数量，并通过 for 循环我将结果一个一个地显示在另一个下面。相反，我想在每一行显示两个结果(divs)。因此，如果我们将 <#results#> 称为结果数，那么现在模板的 html 代码如下所示...

   <#FOR results#>
   <div id="description"></div>
   <#/FOR results#>  

描述div的css样式是..

   #description {
   position:relative;
   // I noticed that display:table-cells; actually puts the divs one next the other but they occupy the whole screen
//Other properties related to font styling and etc }

如果有人知道谁可以通过使用 css 或 jquery 或通过 php 来完成，我将不胜感激!!

Answer 1

对于每一行使用这样的结构:

<div class="row">
    <div></div>
    <div></div>
</div>

然后像这样的一些 CSS:

.row {
    width:200px; // Or whatever
    padding:0;
    margin:0;
    overflow:hidden; // to contain float, though I'd use .clearfix here.
}
.row div {
    width:100px; // Or whatever
    padding:0;
    margin:0;
    float:left;
}