Html 文本从一个div泄漏到另一个div

我有两个单独的div，每个div都有相同的“container”类和自己的id。每个div都包含文本-当我在我的计算机上运行文件时，它工作正常。但当我通过iPhone打开文件时，上分区的文本会泄漏到下分区中。我担心这会在其他设备中发生。 这是我的密码：

    <div id="about_us" class="container">
<h1>texttexttexttexttexttexttext</h1>
<p>texttexttexttexttexttexttexttexttext</p>
<p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
</div>

<div id="our_services" class="container">
<h1>text1</h1>
</div>

.container{
width: 100%;
height: 500px;
background-color: white;
}
#about_us{
text-align: center;
height: 250px;
font-family:"open_sans_hebrewregular", "alefregular",arial,"Times New Roman";
color:gray;
}

#about_us p{
width: 55%;
margin: auto;
text-align: center;
direction: rtl;
padding-bottom: 10px;
line-height: 30px;
}
#our_services{
height: 450px;
text-align: center;
font-family:"open_sans_hebrewregular", "alefregular",arial,"Times New Roman";
color: black;
background-color: rgb(224,224,224);
}

文本文本文本文本文本
文本文本文本文本文本文本

文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本

文本1
.集装箱{
宽度：100%；
高度：500px；
背景色：白色；
}
#关于我们{
文本对齐：居中；
高度：250px；
字体系列：“开放式”“无希伯莱古罗马”“无希伯莱古罗马”，arial，“新罗马时代”；
颜色：灰色；
}
#关于我们{
宽度：55%；
保证金：自动；
文本对齐：居中；
方向：rtl；
垫底：10px；
线高：30px；
}
#我们的服务{
高度：450px；
文本对齐：居中；
字体系列：“开放式”“无希伯莱古罗马”“无希伯莱古罗马”，arial，“新罗马时代”；
颜色：黑色；
背景色：rgb（224）；
}

有人知道怎么解决这个问题吗？

---

谢谢

您可以设置溢出属性，下面是一个使用的示例：

overflow:auto--一旦文本超过固定高度，这将使div变成可滚动的容器：


这里有更多关于溢出的阅读：

或-

您可以更改
高度：500px容器内至：
最小高度：500px
设置最小高度将允许容器随文本增长，从而不会溢出

不要设置文本块的
heght
。可能会给css属性。破口大骂？