我有两列,我希望第二列始终与第一列具有相同的高度

时间:2019-06-11 17:37:54

标签: html css flexbox

我有两列,我希望第二列始终与第一列具有相同的高度,如果第一列增大或缩小,则第二列跟随高度(我用javascript得到了这个结果,但我只是想用CSS )

关于如何实现此目标的任何建议?

let response = await Models.postAccount({
function pushInput () {
  var mainColumn = document.querySelector("#main-column");
  var input = document.createElement("input");
  mainColumn.appendChild(input)
};
button {
  font-size: 20px;
  width: 100%
}

.container {
  background: lightblue;
  display: flex;
}

input {
  width: 100%;
}
.item {
  flex-basis: 100%;
  padding: 10px;
}

Current scenario

Desired scenario

Desired scenario when column grow

1 个答案:

答案 0 :(得分:0)

您将能够使用flexbox完成此操作!

签出https://css-tricks.com/snippets/css/a-guide-to-flexbox/