Question

我正在努力弄清楚如何做到这一点。我有一个带有灰色背景（一行）的父DIV，里面有三个子DIV。父DIV宽度是屏幕的100％。子A是DIV，即图像，并设置整行高度。

子DIV B和C将行宽度的剩余部分分成两半，并匹配行高。我可以把它带到所有DIV达到相同高度的地方，但是孩子DIV B和C不会填满父母DIV的剩余部分。

Answer 1

以下是我了解您正在尝试做的事情的片段。（也在plunker。）

.left{
  float: left;
  height: 120px;
  width: 200px;
  background-color: whitesmoke;
  }
.right{
  height: 60px;
  background-color: yellow; 
}

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    <div>
      <div class="left">Div 1</div>
      <div class="right">Div 2</div>
      <div class="right">Div 3</div>
    </div>
  </body>

</html>

将三个DIV并排放置在父母的内部

1 个答案: