文章/答案/技术大牛

发布

社区首页 >问答首页 >CSS/JavaScript技术，动态强制2个div为较大div的大小

问CSS/JavaScript技术，动态强制2个div为较大div的大小
EN

Stack Overflow用户

提问于 2009-07-17 17:59:28

回答 2查看 1.2K关注 0票数 4

我有两个div，一个主要内容部分和一个侧边栏。

我想要的是强制每个div的高度与最高的div相同

如果边栏内容比我想要下推的主要内容更高，以匹配边栏内容的高度

+--------------------+----------+
|  Main Content      | Sidebar  |
|                    |          |
|                    |          |
|                    |          |
|                    |          |
|  END               |          |
| __________________ |          |
|                    |          |
|                    |          |
|                    |  END     |
|                    | ________ |
+--------------------+----------+

相反，如果主内容比边栏内容更高，我想将边栏内容向下推，以匹配主内容的高度

+--------------------+----------+
|  Main Content      | Sidebar  |
|                    |          |
|                    |          |
|                    |          |
|                    |          |
|                    |  END     |
|                    | ________ |
|                    |          |
|                    |          |
|  END               |          |
| __________________ |          |
+--------------------+----------+

所以它看起来像这样：

+--------------------+----------+
|  Main Content      | Sidebar  |
|                    |          |
|                    |          |
|                    |          |
|                    |          |
|                    |          |
|                    |          |
|                    |          |
|                    |          |
|   END              |  END     |
| __________________ | ________ |
+--------------------+----------+

javascript

css

回答 2

Stack Overflow用户

回答已采纳

发布于 2009-07-17 18:17:02

你想要的是equal height columns，只需要CSS就可以实现，不需要任何javascript。

还有其他方法可以做到这一点，包括jQuery。有关详细信息，请参阅this stackoverflow question。

票数 3

Stack Overflow用户

发布于 2009-07-17 18:05:06

您是否可以使用jQuery或其他框架来推断最高div的高度，然后相应地设置其他div的高度？

if($('#mainContent').height() >= $('#subContent').height()) {
    $('#subContent').height($('#mainContent').height());
}
else
{
    $('#mainContent').height($('#subContent').height());
}

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/1144807

复制

相似问题

问CSS/JavaScript技术，动态强制2个div为较大div的大小
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS/JavaScript技术，动态强制2个div为较大div的大小EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS/JavaScript技术，动态强制2个div为较大div的大小
EN