Есть ли способ уменьшить div, перекрывающий все ширину, поля и отступы внутри него?CSS

Question

У меня есть колонки с обеих сторон моего сайта с элементами внутри них различной ширины, полей и отступов.Есть ли способ переопределить весь внутренний материал и установить ширину для всего столбца?Теги

overflow:hidden; и !important по ширине столбцов не устанавливают его.

Answer 1

Если ваши ширины относительны, то «вроде». Абсолютная ширина не может быть установлена ​​внешними элементами.

Например, рассмотрим эту разметку:

<div id="outer">
    <div id="inner_1"></div>
    <div id="inner_2"></div>
</div>

Если внутренним элементам div присвоено значение ширины в процентах:

#inner_1 { width: 60%; }
#inner_2 { width: 40%; }

Тогда установка ширины внешнего div изменит их (ширина 400px составит inner_1 240px, а inner_2 будет 160px; ширина 800px сделает их 480 и 320 и т.д.) 1013 *

Однако, если ширина установлена ​​следующим образом:

#inner_1 { width: 300px; }
#inner_2 { width: 200px; }

тогда нет, установка с помощью outer не изменит внутреннюю ширину.

Answer 2

Вы можете использовать селекторы для достижения этой цели.Например, вы можете использовать #rightColumn * {/* your styles here */}, чтобы установить свойства для всех элементов внутри вашего правого столбца, или #rightColum .childSelector {/* your styles here */}, чтобы задать стили для группы элементов / одного элемента, которые соответствуют селектору.Используйте! Важное, чтобы переопределить любые другие стили, если это необходимо.