0

我有一个响应式网站，它有一个主要内容区域 ( .content-wrapper) 和一个侧边栏区域 ( .search-listing)。我需要两列高度相同。目前我正在尝试使用以下内容：

jQuery(document).ready(function() {
    var divone = jQuery(".search-listing").height();
    var divtwo = jQuery(".content-wrapper").height();

    var maxdiv = Math.max(divone, divtwo);

    jQuery(".search-listing").height(maxdiv);
    jQuery(".content-wrapper").height(maxdiv);

});

但问题是，.search-listing从页面开始向下比.content-wrapper. 在这里你可以看到它：

http://landpros.turnpostinteractive.com/LandPros_Results_2.html

侧边栏的高度相同，但我需要减去一些像素，因为 div .search-listing 在页面上的起始位置与 .content-wrapper 不同。

任何帮助将不胜感激！

4

2 回答 2

0

如果 .content-wrapper 高于 .map、.search-listing 和 .search-listing-header 的总和，则将 .search-listing 设置为 .content-wrapper 减去 .map 和 .search-listing-header 的高度.

如果 .map 和 .search-listing 的总和高于 .content wrapper，则将 .content-wrapper 的高度设置为 .map、.search-listing-header .search-listing 的总和。

<script type="text/javascript">
jQuery(document).ready(function() {
    var searchListing = jQuery(".search-listing").height();
    var wrapper = jQuery(".content-wrapper").height();
    var mapping = jQuery(".map").height();
    var header = jQuery(".search-listing-header").height();

    if ( wrapper > searchListing+mapping+header ) {
      jQuery(".search-listing").height(wrapper-mapping-header);
    }

    else {
      jQuery(".content-wrapper").height(searchListing+mapping+header);
    }

});
</script>
于 2013-01-19T01:30:25.620 回答
0

可能的克隆 作者得到了答案

于 2013-01-20T22:17:59.753 回答