jquery - Div 未填满容器的 50%

Question

我需要用另外两个 div 填充一个 div，这些 div 必须填充父 div 的 50%，但子 div 只填充其内容。

.uno {
  background-color: blue;
  width: 50%;
  display: inline;
}

.dos {
  background-color: green;
  width: 50%;
  display: inline;
}

.super {
  width: 100%;
}

<div class="super">
  <div class="uno">
    aaaaaa
  </div>
  <div class="dos">
    bbbbb
  </div>
</div>

Answer 1

您需要添加float:left 属性。请检查:

.uno{
  background-color: blue;
  width: 50%;
  float:left;
}
.dos{
  background-color: green;
  width: 50%;
  float:left;
}
.super{
  width: 100%;
}

<div class="super">
      <div class="uno">
        aaaaaa
      </div>
      <div class="dos">
        bbbbb
      </div>
    </div>