Html 添加文本时，Div位置已更改

我尝试使用div制作三个部分

以下是我目前拥有的图像：

将文本添加到中间div时，div向下移动，如下所示：

div {
    float: left;
    width: 625px;
    height: 1065px;
    background-color: #ececec;
    border: 1px solid #636363;
    margin: 7px 0px 0px 15px;
}

HTML:

<div id="wrapper">
    <div id="left"></div>
    <div id="middle">sometext</div>
    <div id="right"></div>
</div>

---

设置

溢出：隐藏到您的div

例如：

#middle {
    overflow: hidden;
    width: 625px;
    height: 1065px;
    background-color: #ececec;
    border: 1px solid #636363;
    margin: 7px 0px 0px 15px;
    display: inline-block;
}

如果要在文本到达底部时使容器可滚动，也可以将其设置为
溢出：auto

另一种更常见的方法是使用CSS

然后你可以这样设计你的div：

div {
    float: left;
    width: 625px;
    height: 1065px;
    background-color: #ececec;
    border: 1px solid #636363;
    margin: 7px 0px 0px 15px;
}

以及HTML：

<div>Content</div>
<div>Content</div>
<div>Content</div>

内容
内容
内容

参见示例。
设置
溢出：隐藏到您的div

例如：

#middle {
    overflow: hidden;
    width: 625px;
    height: 1065px;
    background-color: #ececec;
    border: 1px solid #636363;
    margin: 7px 0px 0px 15px;
    display: inline-block;
}

如果要在文本到达底部时使容器可滚动，也可以将其设置为
溢出：auto

另一种更常见的方法是使用CSS

然后你可以这样设计你的div：

div {
    float: left;
    width: 625px;
    height: 1065px;
    background-color: #ececec;
    border: 1px solid #636363;
    margin: 7px 0px 0px 15px;
}

以及HTML：

<div>Content</div>
<div>Content</div>
<div>Content</div>

内容
内容
内容

请看一个例子。
非常感谢。一开始我试着使用浮动，但没有成功。现在是了！很高兴@user2626159成功了。你可以阅读我提供的链接，祝你好运我想我没有把浮动应用到所有的div上。非常感谢。一开始我试着使用浮动，但没有成功。现在是了！很高兴@user2626159成功了。你可以阅读我提供的链接，祝你好运我想我没有将float:left应用于所有div。
#wrapper div{vertical align:top；}
也可以。
#wrapper div{vertical align:top；}
也可以。