jquery - 如何使fieldset适合div？

Question

我有下一个 html 代码:

<div id="panel" style="width:100%; height: auto;position:relative; overflow: auto;">
    <fieldset style="position:relative; width: 48%;float:left;">
    ...
    </fieldset id="A" style="position:relative; width: 48%;float:left;">

    <fieldset id="B" style="position:relative; width: 48%;float:left;">
    ...
    </fieldset>
</div>

当我执行页面时，两者都正确地适合一个左边和另一个右边。我的问题是当我缩小(当我调整大小时)资源管理器时。当然 B 设置在 A 字段集下但宽度设置为 47%。我想在这种情况下将其调整到 100%，当我将资源管理器扩展到再次调整到 47% 时。如果不问我，我希望我很清楚。

有人能给我一些想法吗？也许使用 jquery，css，我不知道

Answer 1

所以您希望进行响应式设计，在较大的屏幕上两个元素并排放置，而在较小的屏幕上它们彼此重叠但使用所有可用空间？考虑使用类似 Bootstrap 的东西使用响应式网格来实现这一目标。