HTML/CSS/Javascript：在不修改子元素的情况下，强制子元素永远不要超过父元素的大小

所以我喜欢iFrame如何整齐地包含框架内的所有站点数据，并使其适合大小。有没有办法在html包装中生成这种行为？如何设置包装器，使内容以其大小格式显示，而不以任何方式手动修改子元素

设置大小（宽度和高度）并使用溢出：隐藏。如果子项超过了大小，则内容将隐藏

您可以将内容放入

中，然后对其进行操作：

#包装器{
宽度：200px；
高度：200px；
保证金：0自动；
溢出：自动；
位置：相对位置；
边框：1px纯红；
}

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。信息技术
它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着desktop的发布而流行
发布软件，如Aldus PageMaker，包括Lorem Ipsum版本

考虑以下两个CSS属性

这将不允许内容超出容器

.container{
   overflow : hidden;
   width : <size>;
   height : <size>;
}

.container{
   overflow : auto;
   width : <size>;
   height : <size>;
}

.container{
溢出：隐藏；
宽度：；
身高：；
}

当内容超过容器大小时，将自动向容器添加滚动条

.container{
   overflow : hidden;
   width : <size>;
   height : <size>;
}

.container{
   overflow : auto;
   width : <size>;
   height : <size>;
}

.container{
溢出：自动；
宽度：；
身高：；
}

请包括您的初始代码以及您迄今为止尝试过的内容。一把小提琴会更好。你只需要指定父容器的宽度（如果我理解你的问题）CSS

overflow:auto。看这个！我想这就是你想要的@GeomanYabes不是真的，因为当我在谷歌上搜索这个问题时，人们以前问过它，结果得到了他们试图包含的元素的自定义响应。当我在询问一种全球一致的方法来实现这一点（如果可能的话）时，我选择省略代码以防止人们以这种方式回答。@ibrahimmahrir这不适用于带有
position:fixed
的子div，它只是隐藏内容，而不是挤压内容。而且它不适用于具有
位置的儿童div:fixed
很高兴知道，从未有过这种情况^^