html - 是否可以在这个 wordpress 主题上创建甚至列？提供指定 ID 的链接

Question

参考链接在这里：http ://www.roi-owa.com/

侧边栏（右侧）是这样写的……

#aside {
  background: #ffffff;
  width: 220px;
  overflow: hidden;
}

主要内容栏（左侧）和更宽的……是这样写的……

#content.alpha,
#content.beta {
  width: 700px;
  background-color: #ffffff;
  background-image: none;
}

问题是这个主题是如何编写的......旁边的列不包含在内容div的浮动容器中......所以我可能会被卡住。我不想开始重写主题文件，我只想让右列向下延伸到#content div 的高度。不确定它是否可能。

Answer 1

不幸的是，我不知道如何在纯 CSS 中完成此操作，因为这些列彼此之间一无所知。但是，可以使用一些简单的 Jquery。

这个想法是检查两者的高度并将较短的高度设置为较长的​​高度。它在 jQuery 中应该看起来像这样：

var contentHeight = $("#content").outerHeight();
var asideHeight = $("#aside").outerHeight();

if ( contentHeight > asideHeight ) {
  $("#aside").height( contentHeight );
}
else {
  $("#content").height( asideHeight );
}