Как я мог бы вынудить плавающий DIV соответствовать высоте другого плавающего DIV?

Необходимо перенести их в отделение без плавания.

<div style="float:none;background:#FDD017;" class="clearfix">
    <div id="response" style="float:left; width:65%;">Response with two lines</div>
    <div id="note" style="float:left; width:35%;">single line note</div>
</div>

я также использую патч clearfix на здесь http://www.webtoolkit.info/css-clearfix.html

Я рекомендую перенести их обоих во внешнее отделение с желаемым цветом фона.

Вот плагин jQuery для установки высот нескольких отделений, чтобы быть тем же. И ниже фактический код плагина.

$.fn.equalHeights = function(px) {
$(this).each(function(){
var currentTallest = 0;
$(this).children().each(function(i){
    if ($(this).height() > currentTallest) { currentTallest = $(this).height(); }
        });
    if (!px || !Number.prototype.pxToEm) currentTallest = currentTallest.pxToEm(); //use ems unless px is specified
        // for ie6, set height since min-height isn't supported
    if ($.browser.msie && $.browser.version == 6.0) { $(this).children().css({'height': currentTallest}); }
        $(this).children().css({'min-height': currentTallest}); 
    });
    return this;
};

Для этого всегда можно использовать фоновое изображение. Я склонен голосовать за этот вариант в 100% случаев, поскольку единственное идеальное решение - это вариант JQuery.

Как и в случае использования внешнего div с цветом фона, вам придется иметь содержимое в обоих div, достигающее одинаковой высоты.

У меня тоже была подобная проблема, когда требовалось разместить три div рядом друг с другом с разным содержимым, с правыми границами, чтобы "разделить" их, единственным решением, которое сработало, была слегка измененная версия варианта jQuery в другом ответе. Помните, что вам также нужен скрипт, найденный здесь.

Ниже приведена моя слегка измененная версия скрипта, которая позволяет установить истинную минимальную высоту (поскольку мне нужно было, чтобы мои ящики были по крайней мере определенной высоты).

/*--------------------------------------------------------------------
 * JQuery Plugin: "EqualHeights"
 * by:    Scott Jehl, Todd Parker, Maggie Costello Wachs (http://www.filamentgroup.com)
 *
 * Copyright (c) 2008 Filament Group
 * Licensed under GPL (http://www.opensource.org/licenses/gpl-license.php)
 *
 * Description:   Compares the heights or widths of the top-level children of a provided element
                  and sets their min-height to the tallest height (or width to widest width). Sets in em units
                  by default if pxToEm() method is available.
 * Dependencies: jQuery library, pxToEm method    (article:
                  http://www.filamentgroup.com/lab/retaining_scalable_interfaces_with_pixel_to_em_conversion/)
 * Usage Example: $(element).equalHeights();
                  Optional: to set min-height in px, pass a true argument: $(element).equalHeights(true);
                  Optional: to specify an actual min-height (in px), pass an integer value, regardless of previous parameter: $(element).equalHeights(false,150);
 * Version: 2.0, 08.01.2008
--------------------------------------------------------------------*/

$.fn.equalHeights = function(px,minheightval) {
    $(this).each(function(){
        if (minheightval != undefined) { 
            var currentTallest = minheightval;    
        } 
        else { 
            var currentTallest = 0;
        }
        $(this).children().each(function(i){
            if ($(this).height() > currentTallest) { 
                currentTallest = $(this).height();
            }
        });
        if (!px || !Number.prototype.pxToEm) 
            currentTallest = currentTallest.pxToEm(); //Use ems unless px is specified.
        // For Internet Explorer 6, set height since min-height isn't supported.
        if ($.browser.msie && $.browser.version == 6.0) { 
            $(this).children().css({'height': currentTallest});
        }
        $(this).children().css({'min-height': currentTallest});
    });
    return this;
};

Он работает как шарм и ничего не тормозит :)