Html 我的内容不会装入包装袋

我无法将我的内容放入包装器，它只显示在左侧

<div id="middle">   
    <div class="wrapper">
    <div id="image_rose"><img src="assets/rose.jpg"/></div>
    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci.</p>
    <img src="assets/leef.png" />
    <p>Text Input:</p>

---

您正在将内容和包装放入中间位置，中间位置向左浮动。包装器的大小和中间位置相同，所以只需将站点放在左侧。

您将内容和包装器放在中间位置，中间位置浮动在左侧。包装器的大小和中间位置相同，所以只需将站点放在左侧。

尝试此布局，以使中间内容居中

HTML

<div id="wrapper">

   <div id="middle">

   </div>

 </div>

---

尝试此布局以使中间内容居中

HTML

<div id="wrapper">

   <div id="middle">

   </div>

 </div>

---

您可以清除浮动，如下所示：

---

清除：两者都可以清除浮动，如下所示：

---

清除：两个

如果内容显示在div之外，您可以尝试添加一个

溢出：隐藏

或css中特定div的不同溢出设置。

如果内容显示在div之外，您可以尝试添加

溢出：隐藏

或css中特定div的不同溢出设置。

你说的“它不会进入包装器”是什么意思？如果中间是浮动的，它不会“环绕”内容，除非它有特定的高度或你清除了浮动。你说的“它不会进入包装器”是什么意思？如果中间是浮动的，它不会“环绕”内容，除非它具有特定高度或清除了浮动。

#wrapper
{
width:100%;
padding:0px;
margin:0px;
}

#middle
{
 margin:0 auto;
 width: 600px;
}