Сдвигается div, как поправить верстку?

Question

[Антон]

https://codepen.io/anon/pen/oEMwRx
Если нажимаешь на первый пункт или второй пункт слева, то нижеследующий пункт (div) смещается на высоту div, который появляется справа. Как зафиксировать положение пунктов слева когда чекаешь по ним?

Comments

[Степан Крапивин]

у input не может быть закрывающего тега.

А по вопросу: для #radio4:checked ~ .desc4 нужно установить position: absolute

[Антон]

Степан, Это мне так подсказали на Тостере Как поправить css верстку?

[Степан Крапивин]

anton99zel, ясно, forum-driven development

Answer 1

[Дима Долготер]

div[class^=desc]{
  position:absolute;
}

)

Answer 2

[Андрей Саныч]

ну и верстка) id должен быть уникальный на страницу, а не куча одинаковых. Зачем вы наплодили кучу классов .desc1, .desc2 и тд?

Немного пофиксил ваш код))
https://codepen.io/anon/pen/JpByRK

Comments

[Антон]

А где одинаковые id?
desc1 перешло в этот код от старой версии, уберу.

[Андрей Саныч]

anton99zel, id="dostavka"

[Антон]

Андрей Саныч, у div? Я знаю, что для radio нельзя использовать одинаковый id, но чтобы у див нельзя было использовать в первый раз слышу.