Html 文本不包含在没有边距的div中：0自动

我有一个用于我正在处理的网站的容器，我似乎无法使文本与容器一致，除非我在父容器中放置一个边距：0 auto，我不想这样做，因为它会扰乱我的定位。有没有其他办法把这篇文章放进去

代码如下：

Tadoba分区{ 背景色：4451E； 背景附件：固定； 背景位置：中心； 背景重复：无重复； 背景尺寸：封面； 宽度：100%； 高度：600px； } Tadoba img分区{ 保证金：自动； 浮动：左； 位置：相对位置； 顶部：105px； 左：320px； 宽度：250px； 高度：400px； } TadobaContainer分区{ 宽度：35%； 高度：270px； 背景色：白色； 位置：相对位置； 顶部：135px； 左：40%； 框大小：边框框； 盒影：5px 5px 5px； } Tadoba分区集装箱段h1{ 字体大小：25px； 宽度：600px； 文本转换：大写； 填充：20px 0 0 20px； } Tadobap分区集装箱剖面图{ 文本对齐：居中； 字体大小：1.2vw； 线高：30px； 文本对齐：对齐； 填充：10px 30px 0； } Tadoba分区集装箱a段{ 颜色：54E112； 文本转换：大写； 字体大小：20px； 文字装饰：无； 浮动：对； 利润率：0 20px 10px； } TadobaContainer分区a：悬停{ 底部边框：2件纯黑； } 塔多巴和哈里老虎保护区 Tadoba Andhari老虎保护区是美国的一个野生动物保护区 印度马哈拉施特拉邦的钱德拉普尔区，被广泛称为 马哈拉施特拉邦最古老、最大的国家公园。这个公园有许多公园 不同的动物包括，老虎，豹子，亲爱的和各种各样的其他动物 野生动物

将div.TadobaContainer的位置从“相对”更改为“绝对”，使其变为：

div.TadobaContainer {
    width: 35%;
    height: 270px;
    background-color: white;
    position: absolute;
    top: 135px;
    left: 40%;
    box-sizing: border-box;
    box-shadow: 5px 5px 5px;
}

---

标题不属于TadobaContainer的原因是它的固定宽度。容器中可能有太多文本。

检查更新的代码。我希望这对你有帮助

Tadoba分区{ 背景色：4451E； 背景附件：固定； 背景位置：中心； 背景重复：无重复； 背景尺寸：封面； 宽度：100%； 高度：600px； } Tadoba img分区{ 保证金：自动； 浮动：左； 位置：相对位置； 顶部：105px； 左：320px； 宽度：250px； 高度：400px； } TadobaContainer分区{ 宽度：35%； 背景色：白色； 位置：绝对位置； 顶部：135px； 左：50%； 框大小：边框框； 盒影：5px 5px 5px； } Tadoba分区集装箱段h1{ 字体大小：25px； /*宽度：600px*/ 文本转换：大写； /*保证金：自动*/ 填充：20px 0 0 20px； } Tadobap分区集装箱剖面图{ 文本对齐：居中； 字体大小：1.2vw； 线高：18px； 文本对齐：对齐； 填充：10px 30px 0； } Tadoba分区集装箱a段{ 颜色：54E112； 文本转换：大写； 字体大小：20px； 文字装饰：无； 浮动：对； 利润率：0 20px 10px； } TadobaContainer分区a：悬停{ 底部边框：2件纯黑； } 塔多巴和哈里老虎保护区 Tadoba Andhari老虎保护区是美国的一个野生动物保护区 印度马哈拉施特拉邦的钱德拉普尔区，被广泛称为 马哈拉施特拉邦最古老、最大的国家公园。这个公园有许多公园 不同的动物包括，老虎，豹子，亲爱的和各种各样的其他动物 野生动物