亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

<li>的下邊框為什么可以覆蓋<div>的上邊框?而不是相反?

#tabs ul li.on

? ? ?{border-top:2px solid red;border-bottom:2px solid #fff;}

? ? ?#tabs div

? ? ?{height:120px;border:1px solid blue;border-top:2px solid red;padding:5px;}


正在回答

1 回答

經過我半小時的測試: 如果你把li設置成了display: inline-block或者干脆就是inline的話,就是li的下邊框覆蓋div的上邊框。這大概可以理解成文字等行內元素默認z-index就比塊元素div等高(當然因為大家都沒有position事實上不是z-index的差別,而是某種設定。畢竟常規來說讓一個div覆蓋掉文字是不大常見的。)事實上經過測試,inline = inline-block > block。而如果是兩個優先級相同的(如兩個block,一個inline和一個inline-block),后面元素覆蓋前面元素(這和有position情況下z-index一樣的情況相同)。所以如果你li還是block,那么就是div的上邊框覆蓋li的下邊框啦。

當然,最好還是設個position然后定個z-index。這樣子誰在上誰在下清清楚楚。

1 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

<li>的下邊框為什么可以覆蓋<div>的上邊框?而不是相反?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號