已采納回答 / stone310
畫了張簡圖看下能不能更好理解點(diǎn)(只畫了單邊,另一邊同理)左邊數(shù),第一行是原來的樣式,第二章添加padding,第三章添加margin<...圖片...>首先padding-bottom:600px將內(nèi)容撐開了600px(綠色的部分)...
2016-09-01
你按絕對(duì)定位元素的思路去理解,如果位置重疊且前后元素層級(jí)相同,那么后面的元素默認(rèn)會(huì)覆蓋在前面元素之上。雖然,這里并未對(duì)三個(gè)元素進(jìn)行絕對(duì)定位,但是默認(rèn)的也是有z-index屬性的,只不過是auto。三個(gè)元素均為auto,那么自然就會(huì)后者覆蓋前者了。詳細(xì)的可以參考下老師的z-index的相關(guān)課程,里面對(duì)層疊順序進(jìn)行說明。 7階層疊水平(stacking level)從低到高依次如下: 層疊上下文(background/border) 負(fù)z-inde...
2016-09-01
在火狐瀏覽器下測(cè)試,并沒有發(fā)現(xiàn)有“幽靈空白節(jié)點(diǎn)”的現(xiàn)象
2016-09-01
最新回答 / Lion_ssg
把最后的content-box改成你的名字bordertest,然后就好啦。我的是這樣:.line-tri{ width: 150px; height: 30px; padding: 15px 0; border-top: 30px solid green; border-bottom: 30px solid red; background: orange; background-clip: line-tri;}
2016-08-30
最新回答 / 接力
http://www.w3school.com.cn/cssref/pr_border.asp,如果不設(shè)置其中的某個(gè)值,也不會(huì)出問題,比如 border:solid #ff0000; 也是允許的
2016-08-30