已采纳回答 / stone310
画了张简图看下能不能更好理解点(只画了单边,另一边同理)左边数,第一行是原来的样式,第二章添加padding,第三章添加margin<...图片...>首先padding-bottom:600px将内容撑开了600px(绿色的部分)...
2016-09-01
你按绝对定位元素的思路去理解,如果位置重叠且前后元素层级相同,那么后面的元素默认会覆盖在前面元素之上。虽然,这里并未对三个元素进行绝对定位,但是默认的也是有z-index属性的,只不过是auto。三个元素均为auto,那么自然就会后者覆盖前者了。详细的可以参考下老师的z-index的相关课程,里面对层叠顺序进行说明。 7阶层叠水平(stacking level)从低到高依次如下: 层叠上下文(background/border) 负z-inde...
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,如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的
2016-08-30