IE6下margin-bottom設(shè)置負(fù)數(shù)被隱藏的問題

昵稱10504424 2014-10-29

展開全文

可是在IE6中當(dāng)前選項(xiàng)卡的底邊框不會(huì)蓋住父級(jí)元素的底邊框,，網(wǎng)上說父級(jí)元素要出發(fā)haslaytout，試了都不行,，最后在選項(xiàng)卡元素中同時(shí)設(shè)置 margin-bottom:-1px; position:relative; 這樣才解決問題,。

這里要注意的是：選項(xiàng)卡元素的高度必須必父級(jí)元素高度大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;}

標(biāo)簽: ie6, margin

本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,，所有內(nèi)容均由用戶發(fā)布,，不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式,、誘導(dǎo)購買等信息,，謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,，請(qǐng)點(diǎn)擊一鍵舉報(bào),。

轉(zhuǎn)藏 分享

QQ空間 QQ好友新浪微博微信

獻(xiàn)花（0） +1

來自：昵稱10504424 > 《工作》

舉報(bào)/認(rèn)領(lǐng)