Div标签，如何使用它们创建行

Question

如何在div标签中定义行

伪代码中的高级示例：

[DIV TAGS LEFT]  [DIV TAGS CENTER] [DIV TAGS RIGHT]

[WHAT GOES HERE?????]

[DIV TAGS LEFT]  [DIV TAGS CENTER] [DIV TAGS RIGHT]

[WHAT GOES HERE?????]

[DIV TAGS LEFT]  [DIV TAGS CENTER] [DIV TAGS RIGHT]

Answer 1

这可能有用

<style>
.parent {
    margin-bottom: 15px;
    padding: 10px;
    color: #0A416B;
    clear:both;
}
.left, .center, .right{
    float:left;
    width:32%;
    border:1px solid #CEDCEA; 
    padding:5px;

}
</style>


<div class="parent">
    <div class="left">
        Left
    </div>
    <div class="center">
        center
    </div>
    <div class="right">
        right
    </div>
    <div style="clear:both;"></div>
</div>

Answer 2

如果我理解这个问题，你需要这个HTML结构：

<div class="row">
   <div class="left"></div><div class="center"></div><div class="right"></div>
</div>

...而且这个CSS：

div.row {
  clear:both;
}

Answer 3

<div class="parent">
  <div class="left">left</div>
  <div class="center">center</div>
  <div class="right">right</div>
</div>

造型：

.parent {
  overflow: auto;
}

.parent>div {
  float: left;
  width: 33%;
}

这应该可以满足您的需求。