Javascript jquery可以重新定位和调整div的大小吗

我有一个页眉、页脚和中间区域的页面。中间是3个相等的列，每个列的宽度为33%

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

• 这种事情在jquery中是可能的（并且是可靠的），还是太麻烦了
• 可以用动画来完成吗
• 有什么例子吗

是的，可以这样做：

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

要将柱移动到顶部，可以执行以下操作：

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

我在JSFIDLE上提供了一个示例，介绍了如何在单击div时执行此操作

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

查看css方法的文档。

---

看看例子B，因为我认为这就是你想要的。我自己对jQuery没有太多的经验，所以很遗憾，这是我能给您的最好建议。

您可能希望浮动这些列并清除顶部的列，使其显示在顶部。移动时更改宽度对internet explorer不起作用。不确定IE8，但6和7不起作用。最近测试了它。@GenericTypeTea:-）Saweeti并不意味着你不能调整它们的大小。我最近正在做一个有趣的登录面板，它涉及到宽度的改变和一切。当使用jQuery在移动中更改元素的宽度时，它对InternetExplorer6和7不起作用，不记得InternetExplorer8了。当然，您可以通过静态

css

值根据需要调整div的大小。但我不确定这是否是因为我的静态

css

@GenericTypeTea:3个相等的列引起的。当1是100%的时候，那会不会把其他2扔到下一排呢？？你问的问题，肯定会被GenericTypeTea回答，但第1栏不会超过其他2栏。它会把它扔给别人。您必须设置一些比率。@harshh-看看我提供的JSFIDLE。看起来不错。