html - 如何成长一个 div 到它的容器？

Question

我想知道我们是否可以将 a 的高度设置div class="span6"为其row-fluid容器？

这是一个示例，我在左侧有一个表单，在右侧有一个按钮，我怎样才能使按钮与左侧的表单高度相同？

<div class="container-fluid">
  <div class="row-fluid">
    <div class="span6">
      <form>
        <fieldset>
          <legend>Legend</legend>
          <label>Label name</label>
          <input type="text" placeholder="Type something…">
          <span class="help-block">Example block-level help text here.</span>
          <label class="checkbox">
            <input type="checkbox"> Check me out
          </label>
        </fieldset>
      </form>
    </div>
    <div class="span6"><button>Big Button</button></div>
  </div>
</div>

谢谢。

Answer 1

.span6您可以在 javascript (jQuery) 中获取左侧的高度。然后，您可以将该高度应用于 right-hand 的 css .span6。这将需要:next或某种形式的遍历 DOM，或者您可以重命名您希望具有相同高度的右侧按钮跨度的类。

left_h = $('.span6').height();
$('.span6 button').css('height',left_h);

你可能需要稍微调整一下。