Javascript 如何调整选项卡容器中的div位置?

Javascript 如何调整选项卡容器中的div位置?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个div,仅当我单击无线电输入时才会显示。但在它显示出来后,它弄乱了我的其他单选按钮。我如何调整它的位置 <!-- radio button code --> <div id="chartDiv" style="display:none;" class="answer_list">Stĺpcový graf</div> <input type="radio" name="grafy" value="graf5" onclick="showDiv()

我有一个div,仅当我单击无线电输入时才会显示。但在它显示出来后,它弄乱了我的其他单选按钮。我如何调整它的位置

<!-- radio button code -->
<div id="chartDiv" style="display:none;" class="answer_list">Stĺpcový graf</div>
<input type="radio" name="grafy" value="graf5" onclick="showDiv()" />
尝试将position:absolute添加到div,这将意味着它不会影响页面中任何其他元素的布局

<div id="chartDiv" style="display:none;position:absolute;" class="answer_list">

显示div的id页面是页面数据表可能是内联块我已经尝试了内联块,但它是sameuse style=max width:inherit您需要在css中为div保留该空间。因为我能看到的唯一一件事是你想显示收音机上方的那个div。不过,还有一个选择。如果将所有单选按钮放在一个div中,然后使用showDiv功能,则只会将行或所有收音机向下移动。Nemas zac-
<div id="chartDiv" style="display:none;position:absolute;" class="answer_list">
 <div id="chartDiv" style="display:none; position:absolute; top:20px; left:20px;" class="answer_list">
 <div style="position:relative">
    <!--other elements radio buttons and so on-->
    <div id="chartDiv" style="display:none; position:absolute; top:20px; left:20px;" class="answer_list">
</div>