Javascript 基础4和背骨等高度柱 我有一个与BeBoo.js一起工作的现有项目，我必须用基础做前端（我没有做它的主干部分）。目前它是一个两栏博客类型的网站，当然我需要边栏和内容栏在任何时候都具有相同的高度。我有三个问题： 当我使用基础时，您可能已经猜到，这是一个响应性设计，其中列具有动态宽度。 使用主干，需要具有相同高度的列不会在加载/文档准备就绪时显示，它们将在登录完成并由主干附加到DOM后出现。（我有一个空div，主干在其中根据需要添加内容） 此外，侧边栏包含一个项目列表，当单击时，这些项目将从侧边栏中消失并显示在内容区域中，并在用户现在单击tem时更改列的高度

我尝试了一些脚本，但都没有用，因为在列实际出现在DOM上之后，我永远无法更改列的高度（我不知道如何更改），而且我担心css这样做会破坏我的响应布局/在出现第3个时不起作用

这是我的html，虽然很简单，但在加载时：

<div class="row home collapse">
    <div class="large-5 columns sidebar home-column">
    </div>
    <div class="large-7 columns content home-column">
    </div>
</div>

如果你已经使用了一个类似基础的框架，那么不确定这是否是一个好的解决方案；但请查看这篇文章：

另一个解决方案是使用背景色；但是，它依赖于CSS3。例如：

.container{
  width: 100%;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #aaa), color-stop(66.7%, #aaa), color-stop(66.7%, #333), color-stop(100%, #333));
  background-image: -webkit-linear-gradient(left, #aaa 0, #aaa 66.7%, #333 66.7%, #333 100%);
  background-image: -moz-linear-gradient(left, #aaa 0, #aaa 66.7%, #333 66.7%, #333 100%);
  background-image: -ms-linear-gradient(left, #aaa 0, #aaa 66.7%, #333 66.7%, #333 100%);
  background-image: -o-linear-gradient(left, transparent 0, #aaa 66.7%, #333 66.7%, #333 100%);
  background-image: linear-gradient(left, #aaa 0%, #aaa 66.7%, #333 66.7%, #333 100%);
}

.container:after{
  display: table;
  float: none;
  content: "";
}

.container .column1{
  max-width: 66.7%;
  width: 100%;
  float: left;
}

.container .column2{
  max-width: 33.3%;
  width: 100%;
  float: left;
}

百分比应与块大小相同。该示例适用于两列。如果您的标记与此类似，则为：

<div class="container">
  <div class="column1">
    <p>Some content</p>
  </div>
  <div class="column2">
    <ul>
       <li>Some Items</li>
       <li>Some Items</li>
    </ul>
  </div>
</div>


一些内容


一些项目
一些项目

Dups:。。。再讲一遍我的问题，你就会知道为什么它不是一个重复的例子，那些答案在我的CASI中不起作用，我看不出主干和基础与实际问题有什么关系，这是一个大小相等的列。只要在所有内容都在DOM中时运行脚本，它就应该可以工作。每次添加或删除内容时，您可能都必须重新运行它，但仅此而已。那么，问题不在于如何获得等高列，而在于如何在这种特定环境中实现，您不认为吗？获得等大小列的逻辑是“循环所有列，找出哪个列更大，将所有其他列调整到该大小”。我看不到任何其他因素影响这一逻辑。检查CSS中的
！重要信息
可能会覆盖高度，但除此之外，框架或网格或您使用的任何内容都不相关。你可以在JSFIDLE上创建一个详细的例子，包括骨架和基础，以及到目前为止的脚本，也许我丢失了一些东西。