html - 我的 div 不想在包装内

Question

我的最后一个 div class="picture"不想进入 wrapperdiv 并扩展它的高度。它在 div 之外，我有什么想法可以解决它吗？
我必须再写一些文字才能发布

 <div class="wrapper">                            
        <div class="logo"><img src="hello1.jpg"></div>

           <div class="menu"> 

            </div>
        </div>
        <div class="picture"><img src="hello.jpg"></div>

        </div>

我的 CSS。

    div.wrapper {
        max-width: 1100px;
        padding: 0 25px;
        margin: 0 auto;
        background:#333;

    }

    div.logo
    {
        width:30%;

        margin-left: auto ;
        margin-right: auto ;
    }

    div.menu
    {
        margin-left: auto ;
        margin-right: auto ;
        width:325px;
        background:#FFF;
    }
div.picture
{
    margin-left: auto ;
    margin-right: auto ;

}

Answer 1

不确定您要实现哪种类型的 UI，但您有一些格式错误的 HTML。这是一个快速的解决方案。

<div class="wrapper">                            
     <div class="logo">logo</div>
     <div class="menu">menu</div>
     <div class="picture">picture</div>
</div>

http://jsfiddle.net/gwqrut4k/