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に配置します。#middleは左に浮かんでいます。ラッパーは同じサイズで中央なので、左側に配置します。

于 2012-12-13T11:59:40.400 に答える
1

以下に示すように、フロートをクリアできます。clear:both

于 2012-12-13T13:30:05.797 に答える
1

コンテンツがdivを超えて表示されている場合はoverflow: hidden;、cssの特定のdivにまたは別のオーバーフロー設定を追加してみてください。

于 2012-12-13T18:43:39.593 に答える
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 に答える