Div的长度各不相同

Question

我正在创建一个包含多个图片库的网站。这些画廊上方是每个系列的描述。但是，因为每个描述的长度不同，我需要改变大小以适应内容，并且要改变以适应“集合”div。我甚至不知道从哪里开始。

Answer 1

你可以使用这样的东西

 .yourDiv{
 min-height:200px; 
 }

只需将该类应用于需要相同高度的所有div，只需使min-height大于最高div即可。

Answer 2

http://jsfiddle.net/aZKjC/1/

这是你想要的吗？

代码：

<div class="gallery">
    <div class="desc">
        Aliquam et nisl vel ligula consectetuer suscipit. Morbi euismod enim eget neque. Donec sagittis massa. Vestibulum quis augue sit amet ipsum laoreet pretium. 
    </div>
    <img src="" width="300" height="300"/>
</div>

使用CSS并向左浮动多个div与gallery类并排显示不同高度的列。

Answer 3

标记只是一个容器，您可以将任何内容放在那里，即HTML。 使用标记的好处是你可以选择它作为“id”，而不是控制它。 http://www.w3schools.com/tags/tag_div.asp 如何控制标记 - 与其他元素相同。通过css＆amp;一些javascript： http://www.w3schools.com/jsref/prop_style_height.asp

div - 你可以这样写，即：

<div id="id_mydivtest">&nbsp;</div>
...
<script>
document.getElementById("id_divtest").height = 300;
</script>

您应该参加http://www.w3schools.com

的教程 祝你好运。