这是我的页面:http://goodshitdesign.no/ (这是我喜欢设计徽标的投资组合)
我只是想在我的标题下将页面分成两部分,左边是一盒信息,右边是一个灵活的徽标网格。
问题在于,当我添加太多徽标时,页面变得比原来的100%长,并且底部的信息框被缩短,徽标开始出现在它下面。您可以在页面上看到我的意思。
我无法使信息框的位置绝对,因为这时徽标就在信息框后面。
我无法将logogrid放在自己的div中,因为行和列不会调整到最适合页面大小的内容。
有人可以帮帮我吗?非常感谢!
答案 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*/
}
希望这个帮助