高度因形而异

时间:2010-11-07 22:07:32

标签: css

如何在进入新事物时设定格子生长的高度?

1 个答案:

答案 0 :(得分:1)

假设我正确翻译:

  

如何设置表单的高度,以便在添加更多内容时它会增长?

您可能不需要(表单和其他块级元素将增长以容纳其内容),或者,如果问题是您已经指定了新引起的height - 要隐藏的添加元素,您可以设置:

form {
    min-height: 200px; /* or whatever to set *minimum* height */
    overflow: auto; /* to show scroll-bars if the
                       content is longer than the container, or
    overflow: hidden;  if the form's content is `float`-ed */
}

否则,如果您为了清晰起见可以编辑问题,我会尝试解决实际问题。无论那是什么。

  1. JS Fiddle demo, featuring no defined height
  2. JS Fiddle demo, featuring defined height and overflow: auto
  3. JS Fiddle demo, featuring floated fieldset elements, and overflow: hidden on the form
  4. 注意: 所有演示文稿都包含动态添加的内容(点击每个+右侧的input字符)。< / p>