<body>
<div id="div01"></div>
<div id="div02"></div>
<img id="img01" src="...">
</body>
CSS
body{
width:90%;
margin:0 auto;
background-color:gold;
}
div01、div02和img01分别是100px、200px和300px 宽度，分别。
body 的 child 的宽度是动态变化的。
如何根据最大的 child 设置 body 的 flex 宽度？不使用 javascript，仅使用纯 css。
例如，如果 img01 变成 250px body 应该是 250px。如果 div01 变成 400px body 应该是 400px。并且仍然保持水平居中。
最佳答案
我建议不要使用 <body>作为可变宽度元素 - 标准方法是包装器 <div> .例如:
<body>
<div id="wrap">
<img src="http://placehold.it/300x200" />
<img src="http://placehold.it/200x300" />
<img src="http://placehold.it/400x100" />
[ other variable width content ]
</div>
</body>
和 CSS
body{
text-align:center;
}
#wrap{
display:inline-block;
}
关于css - 如何使 body 标签具有 flex ？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24847340/