Question

在this page，在Chrome浏览器的480px视口中，我想设置：

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

而不是：

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

当我这样做时，#header.boxed .container不如我需要的那么高。

如何确保#header.boxed .container足够高以显示其内容？

感谢。

Answer 1

要实现此目的，您需要在480px view-port 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;
}

希望它适合你：）

.container height自动不适应内容

1 个答案: