Question

比较与此http://jsfiddle.net/AndyMP/tbYsM/1/无效的http://jsfiddle.net/AndyMP/tbYsM/2/。

第一个只是一个文本块。第二，我试图将它分成两列彼此相邻。我已经用标签包围了文本，包括打破它的位。

任何想法解决方案是什么？

JQUERY

    var $block1 = $(".block1");
var $block2 = $(".block2");
var $blog_slide_container = $('#blog_slide_container');
$blog_slide_container.animate({height: $block1.outerHeight()});

$(function() {
$(".left_slide").click(function() {
    $block1.stop(true, true).animate({ left: -400 }, 500, function () { $(this).hide(); });
    $blog_slide_container.animate ({height: $block2.outerHeight()});
    $block2.stop(true, true).animate({ left: 0 }, 500);

});

$(".right_slide").click(function() {
    $block1.show();
    $blog_slide_container.animate({height: $block1.outerHeight()});
    $block2.stop(true, true).animate({ left: 400 }, 500);
    $block1.stop(true, true).animate({ left: 0 }, 500);
});
});

Answer 1

我认为您只需将float: left;放在外部div上，然后clear: both;或clear: left;放在内部div上。请参阅更新：http://jsfiddle.net/tbYsM/4/

Answer 2

在两个浮动的div之后添加一个带有clear: left;的div。 Here它正在行动中。

浮动：左破损

2 个答案: