让div在我的页面上一直延伸?

时间:2015-10-09 17:01:44

标签: css responsive-design position grid-layout portfolio

这是我的页面:http://goodshitdesign.no/ (这是我喜欢设计徽标的投资组合)

我只是想在我的标题下将页面分成两部分,左边是一盒信息,右边是一个灵活的徽标网格。

问题在于,当我添加太多徽标时,页面变得比原来的100%长,并且底部的信息框被缩短,徽标开始出现在它下面。您可以在页面上看到我的意思。

我无法使信息框的位置绝对,因为这时徽标就在信息框后面。

我无法将logogrid放在自己的div中,因为行和列不会调整到最适合页面大小的内容。

有人可以帮帮我吗?非常感谢!

1 个答案:

答案 0 :(得分:0)

尝试更改如下

.infobox {
    width: 30%;
    height: 100%;
    background-color: #ebebeb;
    text-align: center;
    display: inline-block;
    float: left;
    min-width: 350px;
   /*additional*/
    position: absolute;
    left: 0;
}
.logobox {
    width: 70%;
    height: 100%;
    background-color: #d2d2d2;
    font-family: 'Source Sans Pro', sans-serif;
    display: block;
    float: right;/*left to right*/
}

希望这个帮助