css - 如何在一个父 div 中给第三个子 div

Question

我有一个 Parent div。父 div 的顶部包含两个子 div。我怎样才能给第一个 child div下面的第三个 child div

<div class=parent1>
  <div class=child1>some text</div> /*this is in top left of the parent div */
  <div class=child2>some text</div> /*this is in top right of the parent div */
  <div class=child3>some text</div> /*how can i write css for this div come as left bottom*/

Answer 1

如果您愿意为您的 div 分配固定宽度，则使用 css float 将起作用。

<style>
  div.parent1 {
    width: 800px;
  }

  .child1 {
    float: left;
    width: 400px;
  }

  .child2 {
    float: right
    width: 400px;
  }

  .child3-container {
    clear:both;
    text-align: right;
  } 

</style>

<div class=parent1>
  <div class=child1>some text</div> 
  <div class=child2>some text</div> 
  <div class='child3-container' >
    <div class=child3>some text</div> 
  </div>
</div>