css - 三个 div 并排，内部 div 宽度为 100%

Question

两个外部 div 需要始终保持特定大小，因为中心 div 需要适合外部 div 之间的空间。有人能指出我正确的方向吗

Answer 1

这是使用前面提到的 html 的一个，尽管 jQuery 会收集两侧 div 的宽度并从容器中减去它们的宽度，然后将其分配给中心 div。我假设你需要它而不是百分比宽度，否则你可以只分配给它们。我还计算了左侧和右侧的宽度，以考虑您想要制作不同尺寸的可能性。这也不是响应式的，因此它会根据页面加载进行计算，但如果您调整屏幕大小，它就会崩溃。

$(document).ready(function () {
  var contWidth = $('#container').width();
  var leftWidth = $('.left').width();
  var rightWidth = $('.right').width();
  var finalWidth = contWidth - leftWidth - rightWidth;

  $('.content').width(finalWidth);
});

Here's a pen