动态更改我的画廊的高度

时间:2013-10-19 01:04:41

标签: javascript html css

我们正面临着Gallery高度的问题,我们希望高度根据可用的行数而变化。

以下是链接:http://numidiawebs.com/dev/hsth/maquette/galerie.html

我们在图库完成后立即添加了 ,其中包含以下值:

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

然而,页脚浮动在顶部,隐藏了画廊的一部分

所以我们通过放置第二个 (注意“clear2”)解决了这个问题,我们给了这个 clear2 DIV 这样的高度:

.clear2 {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 780px;
}

但现在,画廊高度不再是动态的:(

有人能告诉我如何解决这个小问题, 提前谢谢^^ _

1 个答案:

答案 0 :(得分:0)

啊,我明白了。, 现在看,要使画廊高度是动态的,不要错过高度,只要给出一个宽度,这样当你给出宽度例如80%时,如果画廊上有更多照片它会向左流动,如果80%完成,所以第二排将下降并完成画廊。祝你好运

只是在div的样式中使用这些原始的东西

{ position:relative; float:left; width://用于图像; }

保留主div的高度,你可以为pic itselef

设置一个高度