Css 调整容器宽度并使其可调整大小

我想创建一个包含源代码的contrainer。我现在的问题是，我的容器的

宽度变大了，我不知道如何改变它

这是我正在尝试使用的HTML文件


正文{
字体系列：Tahoma，Verdana，无衬线；
字号：1em；
颜色：暗灰色；
最大宽度：80%；
保证金：1em自动；
背景：浅灰色；
}
标题{
位置：相对位置；
颜色：白色；
背景：蓝色；
}
h1{
字号：6em；
文本对齐：居中；
保证金：0；
}
文章{
显示：块；
边缘：.5em0；
背景：白色；
填充物：5em 1em；
最小高度：21em；
}
字段集{
边界半径：.4em；
边框样式：凹槽；
边框颜色：蓝色；
颜色：蓝色；
/*显示：内联块*/
/*最大宽度：75em*/
填充：0.1em；
/*位置：相对位置*/
/*宽度：100%*/
}
div{
/*位置：相对位置*/
最大宽度：75em；
}
代码{
颜色：黑色；
}
标题、文章{
-网络工具包盒阴影：10px 10px 5px 0px rgba（0,0,0,0.75）；
-moz盒阴影：10px 10px 5px 0px rgba（0,0,0,0.75）；
盒影：10px 10px 5px 0px rgba（0,0,0,0.75）；
}
.div_内容{
溢出-x：自动；
}

HTML和CSS示例
HTML和CSS示例
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。
他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的

HTML
您的问题在于标签的行为不同

我建议您最好使用以下方法：

它为您的代码元素提供了有限的宽度，但我认为没有办法将其换行。？？因此，您可以使其可滚动。
尝试使用vw（viewwidth）值而不是em设置宽度。这将使其可调整大小。。。如果你能给这个宽度设置一个限制，只需把最大宽度设置为100%；请尊重最大父宽度。
如果您创建一个小提琴或代码段，它将很容易帮助您。以前从未这样做过，谢谢您的提示！非常感谢。请看我的答案。我认为这有帮助。还是一样的行为。对不起，你的回答不起作用。
 code{
   display: inline-block;
   over-flow: scroll;
   width: 90%;
 }