css
关注
分享
扫一扫
huang100qi
这个作者很懒，什么都没留下…
展开
-
position:sticky特性（坑）总结
1.sticky不会触发BFC，2.z-index无效，3.当父元素的height：100%时，页面滑动到一定高度之后sticky属性会失效。4.父元素不能有overflow:hidden或者overflow:auto属性。5.父元素高度不能低于sticky高度，必须指定top、bottom、left、right4个值之一...原创 2020-02-11 15:06:20 · 1123 阅读 · 0 评论 -
css/css3实现未知宽高元素的垂直居中和水平居中
ps：不考虑兼容问题（下次会写js实现元素的水平and垂直居中 ）第一种css3的transform父类设置 position:relative;子类设置如下：.ele{/*设置元素绝对定位*/ position:absolute;/*top 50%*/ top: 50%;/*left 50%*/ left: 50%;/*css3 transf...原创 2019-11-04 12:50:15 · 386 阅读 · 0 评论 -
Flex盒模型理解
Flex布局，可以简便、完整、响应式地实现各种页面布局设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。inline-flex 和 inline-block 一样，对内部元素来说是个 display:flext 的容器，对外部元素来说是个 inline 的块。...原创 2018-09-06 16:11:49 · 288 阅读 · 0 评论