我正在尝试在 G-mail 和其他一些 Google 服务上重新创建 Google 风格的工具栏。
我曾尝试将其作为格式化列表和嵌套在一个容器中的 div 元素,但我每次都遇到同样的问题。
当您将鼠标悬停时,新的 1px 边框会移动所有其他元素,我必须应用以下内容:
left: -1px;
bottom: 1px;
这对于当前的元素来说都很好:hover'd,所有其余的都在移动,它看起来很丑。
所以我想我的问题是: 有没有什么方法可以显示:悬停上的新 1px 不会改变定位,同时仍然显示这些元素而没有绝对定位。
显然,如果唯一的途径是绝对定位,我必须在其中放置像素坐标,那么当然可以,但必须有一种更优雅的方式。