Question

我用jquery做了一个鼠标经过某个按钮，这个按钮就会变大的动画效果，但是会导致后面的格式错乱。

如题，因为这个按钮变大以后，后面的元素会跟着移位，以便有足够的空间满足那个按钮变大。有没有什么办法在变大某个按钮的时候 固定其它元素？（这个按钮是横排菜单按钮，用li实现的，li标签加了float:left属性，这样的话，前一个li变大以后，后面的li就会跟着移动，很烦！）

Answer 1

3种变大效果，你是哪一个？
1、只有文字变大？
2、按钮效果变大，但视觉效果没有盖住其他按钮
3、按钮变大，盖住两侧的按钮。

一次满足3种效果，最好是使用绝对定位。
优点是满足你的要求，缺点是需要定好坐标、宽度。
1、将原来的float去掉，加css元素position:absolute，设置高度、宽度、left、top，外包元素css赋值 position:relative。
2、hover事件触发，按钮的宽度、高度、z-index增加，left减少宽度的一半。

Answer 2

放大的同时，用jquery把其他按钮宽度减小，这样就有一个按钮变大了其他的变挤了的感觉
这是我的想法，不知到效果怎么样！我自己也没有实现过

Answer 3

绝对定位，之前的布局不变。你要变的那个按钮位置预留，将此按钮的位置属相属性设置为绝对定位。