Html 防止特定子元素展开其父元素

这就是我现在拥有的：

*{
框大小：边框框；
}
.集装箱{
宽度：300px；
边框：1px实心#000；
}
.mainrow、.subrows div{
宽度：100%；
填充：10px
}
梅恩罗先生{
背景：#CCC；
}
.Ws分区{
背景：DDD；
}
.subrows{
溢出：自动；
}

第一排
子行1
第2小行
第3小行
第4小行
第5分行
第6小行
第7分行
第8小行
第9分行
第10分行

*{
框大小：边框框；
}
.集装箱{
宽度：300px；
边框：1px实心#000；
}
.mainrow、.subrows div{
宽度：100%；
填充：10px
}
梅恩罗先生{
背景：#CCC；
}
.subrows{
位置：相对位置；
宽度：100%；
高度：100px；
排名：0；
左：0；
溢出：自动；
}
.Ws分区{
背景：DDD；
}

第一排
子行1
第2小行
第3小行
第4小行
第5分行
第6小行
第7分行
第8小行
第9分行
第10分行

给出容器的相对位置，并将顶部：100%添加到子窗口

*{
框大小：边框框；
}
.集装箱{
宽度：300px；
边框：1px实心#000；
位置：相对位置；
}
.mainrow、.subrows div{
宽度：100%；
填充：10px
}
梅恩罗先生{
背景：#CCC；
}
.subrows{
位置：绝对位置；
宽度：100%；
最大高度：100px；
最高：100%；
页边距顶部：1px；/*用于显示容器边框*/
左：0；
溢出：自动；
}
.Ws分区{
背景：DDD；
}

第一排
子行1
第2小行
第3小行
第4小行
第5分行
第6小行
第7分行
第8小行
第9分行
第10分行

至少描述一下你想要什么？！不太清楚您希望实现什么。您的第一个代码片段似乎很有效。你的第二个没有。你想实现什么？我想实现的是问题中的字面意思。谢谢你的回答，但这不是我想要的。您的

.subrows

仍在扩展

.container

。谢谢，您的工作正常！如果你想知道我为什么要这么做，那是为了模拟一个

元素。