如果这是一个愚蠢的问题，我事先表示歉意。我真的没有很多经验，我只是在尝试看看做什么。这也是一个理论问题，而不是任何问题，因为我目前没有使用，但我很好奇。
仅使用CSS ，最好不使用pseudo-classes，是否可以在打开时强行使用明细标签以显示其内容_beside_的摘要标签内容？
这就像您在两个div上使用flex-direction使其并排显示一样。我真的不知道为什么不可能，但是我能得到的最接近的结果是在flex父div内将details设置为display:contents，这显然不是理想的选择。
正如我所说，我只是在尝试使用<details>可以做和不能做的事情，所以这没什么大不了的。我也在使用inline-css，因为就像我说的，我只是在玩耍。但这实际上是我要执行的操作（不使用父div和display:contents）：
<div class="boxes" style="display: flex; margin: 10px auto; padding: 0 20px;">
<details style="display: contents;filter: grayscale(100%); width: 33%;">
<summary style="background-color:#d80000;background-position: center center; background-repeat: no-repeat; background-size: cover; height: 200px; outline: 1px solid #ffffff; outline-offset: -15px; color: #ffffff; text-align: center; padding-top: 25px; font-size: 0;">
<span style="display: block; font-size: 10px; letter-spacing: 4px; margin-bottom: 5px; text-transform: uppercase;">Title</span>
</summary>
<article style="border: 1px solid #000000; padding: 10px; font-size: 12px;">
Here's stuff
</article>
</details>
</div>