jQuery可以重新定位并调整div的大小

我有一个包含页眉，页脚和中间区域的页面。中间是3列，每个宽度为33％。jQuery可以重新定位并调整div的大小

当单击某一列时，我希望该列爬上其他两列并获得100％的宽度，并将两列重新分配到50-50。

2010-07-26 Kamo

3个相等的列。当1被制成100％时，是不是会把其他2扔到下一行？你问的问题，绝对是由GenericTypeTea回答的，但column1不会爬过其他2.它会把它扔出去。你必须设定一些比率。 – simplyharsh 2010-07-26 15:00:48

@harshh - 看看我提供的jsFiddle。似乎工作正常。 – GenericTypeTea 2010-07-26 15:08:53

是的，它可以做到：

$("#column1").css("width", "100%"); 
$("#column2, #column3").css("width", "50%");

而到了栏移动到顶部，你可以做这样的事情：

$(column).parent().prepend(column);

我已经在jsFiddle上放上一个例子here，了解如何在div的点击上做到这一点。

jQuery可能是最可靠的方法，因为它被写入跨浏览器兼容。

查看css方法here的文档。

2010-07-26 14:54:46 GenericTypeTea

您可能想要浮动这些列并清除顶部，以便它出现在顶部。 – 2010-07-26 14:56:00

@ILMV - 我知道，还没做完！只是写小提琴。 – GenericTypeTea 2010-07-26 14:57:44

更改宽度在旅途中将不适用于Internet Explorer。不确定关于IE8，但6和7将无法正常工作。最近测试过它。 – jolt 2010-07-26 14:58:42

退房例B，因为我认为这是你在找什么。我自己对jQuery的经验并不多，所以不幸的是，这是我将能够给你的最好的建议。

2010-07-26 14:58:17 KSwift87

回答