.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; 
} 

一些变化希望它会为你工作:)