3列CSS等高jQuery解决方案

嘿，我正在用jQuery为我的等高三列CSS等高布局设计一个解决方案，因为CSS解决方案确实给我带来了一些麻烦

我想出了以下代码：

$('.columns').css("height", "$('#detail').height()");

但由于某些原因，我在重新加载时看不到任何效果

我甚至尝试将它嵌套在

（window.load（）

事件处理程序中，而不是

（document.ready（）

）来测试它

我想知道是否不能将元素的CSS属性设置为jQuery语句或类似的内容

---

或者，是因为我的高度为我的

设置溢出：隐藏；在#detail div.上，jQuery的.height（）还返回一个数字。CSS要求我们将px放在末尾。这应该对你有用

$('.columns').css('height', $('#detail').height() + 'px');

设置溢出：隐藏；在#detail div.上，jQuery的.height（）还返回一个数字。CSS要求我们将px放在末尾。这应该对你有用

$('.columns').css('height', $('#detail').height() + 'px');

嗯，让我在这里算一算，但由于位置的原因，它似乎要放弃了。尽管看起来这个问题已经解决了。您可以尝试在#detail div中最后一个浮动元素之后用一个clear div替换overflow:hidden。从detail id中删除overflow:hidden样式。相反，请执行此操作。样式：.clear{height:0px；margin:0px；padding:0px；clear:both；}代码：column1 content column2 content column3 content我认为不再需要“px”。如果使用数字，最新的jQuery只假设为“px”。看看。嗯，让我在这里算一下，但因为位置的关系，它看起来好像被甩了。尽管看起来这个问题已经解决了。您可以尝试在#detail div中最后一个浮动元素之后用一个clear div替换overflow:hidden。从detail id中删除overflow:hidden样式。相反，请执行此操作。样式：.clear{height:0px；margin:0px；padding:0px；clear:both；}代码：column1 content column2 content column3 content我认为不再需要“px”。如果使用数字，最新的jQuery只假设为“px”。过来看。