css - 有没有办法缩小一个 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 等)

但是，如果宽度设置成这样:

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

那么不，设置 outer 的 with 不会改变内部宽度。