0

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

<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>

CSS：

.wrapper{
    background-color:#666666;
    width:900px;
    margin:0px auto;
    text-align:left;
}

#middle{
    background-color:#666;
    width:900px;
    float:left;}
4

4 回答 4

3

您将内容和包装器放入#middle，它会向左浮动。包装器的大小和中间相同，因此仅位于左侧。

于 2012-12-13T11:59:40.400 回答
1

如果内容显示在 div 之外，您可以尝试overflow: hidden;在 css 中向该特定 div 添加一个或不同的溢出设置。

于 2012-12-13T18:43:39.593 回答
1

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

于 2012-12-13T13:30:05.797 回答
0

试试这个布局来让你的中间内容居中

HTML

<div id="wrapper">

   <div id="middle">

   </div>

 </div>

CSS

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

#middle
{
 margin:0 auto;
 width: 600px;
}
于 2012-12-13T12:09:25.507 回答