当前位置：文江博客话题详情

有没有办法缩小 div 并覆盖其内部的所有宽度、边距和填充？ CSS

发布于 2024-11-19 07:25:40 字数 138 浏览 2 评论 0原文

我的网站两侧都有列，其中的元素具有不同的宽度、边距和填充。有没有办法覆盖所有内部内容并设置整个列的宽度？

列宽度上的 overflow:hidden; 和 !important 标记不会设置它。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

稀香 2024-11-26 07:25:40

如果你的宽度是相对的，那么“有点”。绝对宽度不能由外部元素设置。

例如，考虑以下标记：

<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 不会改变内部宽度。

If your widths are relative then "sort of". Absolute widths can't be set by outside elements.

For example, consider this markup:

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

If you have the inner divs set to percentage widths:

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

Then setting the width of the outer div will change them (a width of 400px will make inner_1 240px and inner_2 will be 160px; a width of 800px will make them 480 and 320 etc)

However, if the widths are set like this:

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

then no, setting the with of outer will not change the inner widths.

回复收藏 0 原文

傲娇萝莉攻 2024-11-26 07:25:40

您可以使用选择器来实现这一点。例如，您可以使用 #rightColumn * {/* 此处的样式 */} 为右列内的所有元素设置属性，或使用 #rightColum .childSelector {/* 此处的样式 * /} 设置与选择器匹配的一组元素/单个元素的样式。如有必要，请使用 !important 覆盖任何其他样式。

回复收藏 0 原文

~没有更多了~