我的div不想被包裹在裏面

我最後一個div class =「picture」不想進入wrapperdiv並展開它的高度。它出現在div之外，我有什麼想法可以解決它？
我不得不寫一些文字爲使其能夠發佈我的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 ; 

}

來源

2014-10-04 adam

http://jsfiddle.net/m2nu6fxu/ – adam 2014-10-04 13:37:39

這是你在找什麼http://jsfiddle.net/m2nu6fxu/1/ – Akshay 2014-10-04 13:41:57

不確定你想要完成哪種類型的用戶界面，但是你有一些格式不正確的HTML。這是一個快速解決方案。

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

http://jsfiddle.net/gwqrut4k/

來源

2014-10-04 13:35:56 dmackerman

是OP之前有一個額外的結局密切div標籤''

– dippas 2014-10-04 13:38:17

這樣的事情我想，http://jsfiddle.net/m2nu6fxu/，但我想包裝自動擴大 – adam 2014-10-04 13:38:32

哇蒂帕，現在我覺得很蠢 – adam 2014-10-04 13:39:11

你有一個額外的「/ DIV」，即保持它外面

來源

2014-10-04 13:39:19

請仔細閱讀本代碼中的註釋，你就能理解這個問題的類以上。感謝dmackerman給了你一個直接的答案。我只是想告訴你，你似乎做錯了什麼。

<div class="wrapper">        
     <div class="logo"><img src="hello1.jpg"></div> <!--You closed the logo --> 

      <div class="menu"> 

</div><!--You closed the menu --> 
     </div> <!--You closed the wrapper here is where your problem comes from ithink --> 
     <div class="picture"><img src="hello.jpg"></div > <!--You closed the picture --> 

     </div> <!--This is where the wrapper would have been closed, but you have closed it earlier -->

來源

2014-10-04 13:45:22 humphrey

我的div不想被包裹在裏面

回答

相關問題