.container高度自動不適應內容

Question

在this page，以在Chrome 480像素視口，我想設置：

#header.boxed .container { 
    height: auto; 
} 

代替：

#header.boxed .container { 
    height: 186px; 
} 

當我做這個，#header.boxed .container比我需要的不高。

如何確保#header.boxed .container足夠高以顯示其內容？

謝謝。

Answer 1

要做到這一點，你需要在480像素視口CSS

#top .logo { 
    /*background-image: url("//test.doig.com.au/magnifique/wp-content/uploads/sites/8/2016/10/bg-header.jpg"); 
    background-repeat: no-repeat;*/ 
    clear: both; 
    padding: 10px 0; 
    top: 0; 
} 


#header #searchform { 
    float: right; 
    /*position: absolute; 
    right: 0; 
    top: 63px;*/ 
    width: 220px; 
} 

.social_bookmarks { 
    border: medium none; 
    display: block; 
    float: left; 
    height: 24px; 
    list-style-position: outside; 
    list-style-type: none; 
    /*position: absolute; 
    right: 231px;*/ 
    top: auto; 
} 

一些變化希望它會爲你工作:)