单击输入标签会更改整个内容

Question

tab3>品牌侧包装纸>漆类包装纸>输入

当我在输入标签中单击此处时，hole .content div会移到顶部，而底部会留出很多空间。

我尝试更改js，但没有问题，html结构或css属性中的问题

<input class="selected" type="radio" data-price="0" name="radio" id="1" value="value" checked>
<label for="1" class="lacquer-type-checkbox tapicerka-color color-white">lakier bloku spluwaczki w kolorze białym</label>
<input data-invoice-row="3" data-price="300" type="radio" name="radio" id="2" value="value">
<label for="2" class="lacquer-type-checkbox tapicerka-color color-color">lakier bloku spluwaczki w kolorze tapicerki</label>

有一个页面，您可以自己检查问题。 http://www.makromed.com.pl/konfigurator/ Tab3>左侧边栏>在颜色列表下

当您选择Certus或Exima和Neo模型时出现

实时示例 https://gyazo.com/20cfe8aa41cbf896784b3859915c5755

Answer 1

好吧，问题出在定位父输入保持div上。我给它“位置：相对”，并且以一种神奇的方式起作用。如果有人对它的工作原理有一个假设，或者分享一些有关该主题的文章，我将不胜感激。