有没有办法缩小div覆盖其中的所有宽度,边距和填充? CSS

时间:2011-07-08 20:38:35

标签: css html width

我的网站两侧都有列,其中包含不同宽度,边距和填充的元素。有没有办法覆盖所有内部的东西,并为整列设置宽度?

列的宽度上的

overflow:hidden;!important标签不会设置它。

2 个答案:

答案 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覆盖任何其他样式。