想这几一个选项卡，想要的效果如下
可是在IE6中当前选项卡的底边框不会盖住父级元素的底边框，网上说父级元素要出发haslaytout，试了都不行，最后在选项卡元素中同时设置 margin-bottom:-1px; position:relative; 这样才解决问题。
这里要注意的是：选项卡元素的高度必须必父级元素高度大1px。
立即学习“前端免费学习笔记（深入）”；
我的代码如下：
<ul class="tabs"> <li class="tab cur"><a href="?id=435">?????? ???????</a></li> <li class="tab "><a href="?id=434">????????????</a></li> </ul>
ul.tabs{display:block; padding:0 10px 0 0; margin:25px 0 0 0; height:35px; border-bottom:solid 1px #ccc; line-height:35px;}ul.tabs li{display:block; float:right; padding:0 10px; margin:0; list-style:none;}ul.tabs li.cur{ border:solid 1px #ccc; border-bottom-color:#fff; background-color:#fff; height:34px; margin-bottom:-1px; position:relative;}
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
223
收藏
