Question

如果你看一下这个论坛http://python-forum.org/pythonforum/，你会发现主题和帖子div的边界很短。我正在写一个论坛，现在有一个块必须并排的问题（就像上面提到的论坛中的那四个）。能否请你帮我安排四个街区，以便我的论坛不会那么短暂。

Answer 1

你应该使用表格。

只有少数情况允许使用表格（如果按照语义html规则），这是一个。论坛的概述，帖子和观点的数量，最后的海报等是一组表格数据。使用表格是安全且完全可以接受的。

＆lt; dl＆gt;但是，并不打算以这种方式使用。

Answer 2

这是您要求的<dd>元素的CSS样式：

UL.topiclist DD 
{   
  PADDING-RIGHT: 0px;   
  DISPLAY: block;   
  PADDING-LEFT: 0px;    
  FLOAT: left;  
  PADDING-BOTTOM: 4px;  
  BORDER-LEFT: #ffffff 1px solid;   
  PADDING-TOP: 4px
}

并排获得它的重要一点是FLOAT: left;。

短垂直线只是border-left。

Answer 3

如果你想要两个div并排，你可以尝试使用inline-block：

<style>
    #div1, #div2 {
        display: inline-block;
    }
</style>

<div id="wrapper">
    <div id="div1"></div>
    <div id="div2"></div>
</div>

并排divs

3 个答案: