Css как указать смещение блока, равное ширине родительского, ширина родителя указана в %?

Question

[Константин]

Есть список категорий на сайте, вобщем вот так организованно меню
cssdeck.com/labs/c4gslvmd
смотрите я хочу сделать эту колонку резиновой.
чтобы ширина #left_side - менялась

но если делаю ее больше или меньше то нужно менять смещение для всплывающего меню...
вот наведите на категории нижние - там всплывет меню, вот тут я сменил ширину колонки и меню отображается не верно.
cssdeck.com/labs/gzs65tjr
как можно исправить средствами css?

Answer 1

[Ivan Stroykin]

Дописываем:

#left_side {
    position: relative;
}
ul#catalog_menu ul {
   right: -304px;
}

Теперь как бы не сжали основной блок, всплывающий всегда будет по контуру.
codepen.io/StivinKing/pen/VKYjRV

Но код, если честно, надо бы полностью переписать. Там столько лишнего и не нужного

Comments

[Константин]

Круто спасибо. как сам не догодался) код лишний имеете ввиду css? это просто я лишний наверно скопировал т.к. весь код с работающего сайта, лишнего там нет

[Ivan Stroykin]

Константин: нет, под "лишний", в данном случае, я имею в виду "излишний" :) то что можно сократить раза в 2. Но все приходит с опытом, удачи вам

[Константин]

Ок. подскажите я вот этот код перезаписываю media запросом, чтобы он стал резиновый. но там уже есть свойство left. я ставлю right но если left не убрать это не работает... как в media запросе, убрать свойства, знаю например бордюр убрать так, border: none;

[Ivan Stroykin]

Так в данном случае лучше первоначально выставить right. Таким образом сразу же не будет зависимости от ширины того блока.
А в media уже просто уменьшаете ширину, и, если нужно, перемещаете всплывающее.