一聚教程网:一个值得你收藏的教程网站

热门教程

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

时间:2022-06-25 10:13:54 编辑:袖梨 来源:一聚教程网

负边距的使用非常简单

 代码如下 复制代码


如何改变覆盖顺序

负边距可以用在哪些地方

 代码如下 复制代码

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

修正 IE 的 bug

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

 代码如下 复制代码

热门栏目