html - 如何将 div 调整为另一个 Div

Question

我正在努力让以下内容与 css 一起工作(调整宽度):

我在另一个 div 中有 4 个 div。两个 div 中的两个，1st 和 3d，有一个文本并且大小固定(我们事先不知道)。另外两个 div，A 和 B，应该各占剩余空间的 50%。

理想情况下需要一分钟。宽度，使框 2 和 3 换行。

纯 css 可以吗？

Answer 1

如果你使用 calc() 函数也许你可以。如果你不能使用它，你可以尝试使用 flexbox 但它与旧浏览器的兼容性较差。

.content {
  font-size: 0;
}
.content > * {
  font-size: 16px;
}
.fixed {
  width: 50px;
}
.a, .b, .c, .d { 
  display: inline-block;
  vertical-align:top;
}
.b, .d {
  width: calc(50px - 50px - 50%);
}

这意味着 .b, .d 大小是 .a - .c - 50%

祝你好运