利用css负边距实现tab切换效果

作者:袖梨 2022-06-25

负边距的使用非常简单

 代码如下 复制代码


如何改变覆盖顺序

负边距可以用在哪些地方

 代码如下 复制代码

注意:firefox 下面 .nav li 不用加 position:relative; 也能覆盖到下面的 div ,但是 ie 下面要加上。

修正 IE 的 bug

相信大家都很了解 IE 的 3 像素 bug,当浮动元素和非浮动元素相邻时,会增加额外的 3 像素,这个时候,我们就可以用负边距来解决(并非唯一的办法):

 代码如下 复制代码

相关文章

精彩推荐