我的网站两侧都有列,其中包含不同宽度,边距和填充的元素。有没有办法覆盖所有内部的东西,并为整列设置宽度?
列的宽度上的 overflow:hidden;
和!important
标签不会设置它。
答案 0 :(得分:2)
如果您的宽度是相对的,那么“排序”。外部元素不能设置绝对宽度。
例如,考虑这个标记:
<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等)
但是,如果宽度设置如下:
#inner_1 { width: 300px; }
#inner_2 { width: 200px; }
然后不,设置outer
的内容不会改变内部宽度。
答案 1 :(得分:0)
您可以使用选择器来实现这一目标。例如,您可以使用#rightColumn * {/* your styles here */}
为右侧列中的所有元素设置属性,或使用#rightColum .childSelector {/* your styles here */}
设置一组元素/与选择器匹配的单个元素的样式。如果需要,使用!important覆盖任何其他样式。