首頁 > web前端 > html教學 > IE6下margin-bottom设置负数被隐藏的问题_html/css_WEB-ITnose

IE6下margin-bottom设置负数被隐藏的问题_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:55:19
原創
1356 人瀏覽過

想这几一个选项卡,想要的效果如下

 

可是在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;}
登入後複製

  

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板