javascript - 如何调整左 float div的大小以适应右 float DIV？

如何设置2个html div标记，向左浮动一个（实际上包含Google Earth插件），向右浮动一个（最初隐藏）？

右div的内容将动态填充许多不同的对话框，然后使其可见。一旦可见，它的宽度可以进一步扩大。

每当右div从不可见切换到可见或宽度调整时，我都需要缩小左div以容纳右div。

最佳答案

只需使用一些JavaScript调整左div的宽度？
根据您的布局，您可以使用％或px或您喜欢的任何格式。

这是一个非常简单的示例，显示了如何使用基于百分比的布局进行操作：

的HTML

<div class="l">LEFT</div>
<div clasS="r">RIGHT</div>
<br>
<a>TOGGLE R</a>

JS

(function($) {
    var visible = false;

    $("a").click(function(event) {
        event.preventDefault();

        $("div.r").toggle();
        $("div.l").css("width", 50+(visible*50)+"%");
        visible = !visible;
    });

})(jQuery);

在这里的小提琴中尝试一下：http://jsfiddle.net/ZbzL5/

关于javascript - 如何调整左 float div的大小以适应右 float DIV？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19080569/