HTML容器无法自动扩展适配全部问卷内容问题求助

• 放弃给container设置固定height，改用min-height属性。这样容器会根据内部问卷内容的高度自动扩展，所有题目都能正常显示在容器内，不会出现溢出。
• 如果需要容器保持固定高度，给容器添加overflow: auto属性。超出容器高度的部分会生成滚动条，用户可以通过滚动查看全部题目，同时避免元素叠加问题。
• 检查单选框的CSS定位设置，避免使用position: absolute这类脱离文档流的定位方式。这类定位会让单选框不受容器布局约束，修改容器高度后容易出现错位叠加。改用默认的静态定位（position: static）或相对定位（position: relative）即可。

问题原因说明 #

你之前修改容器height后出现叠加，是因为固定高度限制了容器的可显示区域，而单选框如果使用了脱离文档流的定位，就会脱离容器的布局控制，直接显示在容器上方区域。调整上述CSS属性就能解决这个问题。

内容的提问来源于stack exchange，提问作者Mochi The PooH