html - 页面渲染后的固定正文宽度 - 不同大小的 div

Question

我有一个渲染的页面，它有多个 div，所有的宽度都不同（取决于内容）。这些 div 可以切换 - 这意味着我可以在页面渲染后显示一个 div 并隐藏其他 div。举个例子，我可能有 4 个 div，其中 x'es 决定了 div 的宽度：

xxxxxxx
xxx
xxxxx
x

页面呈现，body 是 xxxxxxx 的宽度。当我切换 div 时，主体宽度将采用显示的 div 的宽度。

我很好奇 - 即使我切换 div，是否可以将主体的大小固定为始终为 xxxxxxx 的大小？所以即使显示div xxx，大小也是xxxxxxx的宽度。这可以用 jQuery 完成吗？

Answer 1

可以用 jQuery 轻松完成

$(document).ready(function(){
   $('body').width($('#div_xxxxx').width());
});