Html 格式化文本显示在浮动容器外部

我创建了一个容器。容器中的纯文本显示在容器内部，而格式化文本显示在容器外部。请提出建议。我的html和css发布在下面

这是我的html：

。左栏{
文本对齐：左对齐；
浮动：左；
宽度：40%；
左侧填充：5px；
}
.右栏{
文本对齐：左对齐；
浮动：左；
宽度：50%；
左侧填充：200px；
}
#容器{
宽度：900px；
背景色：#ffffff；
边框：1.5px实心#FFCC99；
保证金：0；
填充：10px；
}
.边界1{
宽度：910px；
边框：3px实心#376092；
保证金：1px；
填充：2px；
}
边界2{
宽度：915px；
边框：2个实心#FFCC99；
保证金：12px自动12px自动；
}

---

设置

溢出：在
#容器中隐藏
。这将迫使容器尊重其中所有元素的高度，而不管浮动元素如何

CSS

#container {
      width:900px;
      background-color: #ffffff;
      border:1.5px solid #FFCC99;
      margin: 0;
      padding:10px;
      overflow: hidden; /* Set this rule */
    }

因为您是
浮动的
.left column
和
.right column
，所以您应该使用

另外，我建议您使用
框大小：边框框
，请参阅有关

以下是一个片段：


.cf:before，
.cf：之后{
内容：“；
显示：表格；
}
.cf：之后{
明确：两者皆有；
}
*，*：之前，*：之后{
框大小：边框框；
}
.左栏{
文本对齐：左对齐；
浮动：左；
宽度：40%；
左侧填充：5px；
}
.右栏{
文本对齐：左对齐；
浮动：左；
宽度：50%；
/*左侧填充：200px；-可以删除此项*/
}
#容器{
宽度：900px；
背景色：#ffffff；
边框：1.5px实心#FFCC99；
保证金：0；
填充：10px；
}
.边界1{
宽度：910px；
边框：3px实心#376092；
保证金：1px；
填充：2px；
}
.边界2{
宽度：915px；
边框：2个实心#FFCC99；
保证金：12px自动12px自动；
}

文本左
文本权限
问题在于您的容器上的填充物

您的css是：
填充：10px，宽度：910px

所以，你的填充加上20px（右10px，左10px）

最后，您的容器宽度为920px，父div为910px

要解决此问题，您需要将父项的宽度设置为920或将填充更改为：padding:5px
 那么你的问题是，如何在容器中获取格式化文本？是否在div中使用类值“left column”和“right column”或其他地方呈现“格式化文本”？是的，Adam，这是我的问题。我终于解决了！谢谢大家的帮助：）