- 博客(3)
- 收藏
- 关注
原创 带指示箭头的下拉菜单(css)
.wrap { position: relative; background-color: white; border: 1px solid grey; width: 300px; height: 600px; } .triangle1 { display: block; position: absolute; width:
2017-12-29 17:46:51 5115
原创 手机端的宽度
当我们在编写手机端页面时,需要兼容各种宽度的手机,这个时候,对于大的包裹元素,一般不会直接设置其宽度,这个时候,可以使用css3的calc函数,它的使用语法为calc(expression); 其中这个expression可以包括任何css的长度度量方式,例如:百分比、rem、em等。我们知道,当我们对一个元素设置width: 100%时,表示,它的元素宽度为它的containing box的宽度...
2017-12-15 18:11:38 937
原创 css元素的堆叠顺序(z-index堆叠上下文(stack contex))
问题:什么是堆叠上下文?怎样才能形成堆叠上下文?在堆叠上下文中,元素是怎么排列的?结论:元素是根据堆叠上下文排列的,如果设置了z-index则形成了一个堆叠上下文。同一个堆叠上下文中的元素,按照其z-index的顺序堆叠,没有设置则按照其内部元素出现的顺序堆叠。详解:一、没有z-index的情况,按照下列原则排列:1.position为static处在默认的堆叠上下文中,(忽略top left r...
2017-12-15 16:33:48 2497
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人