css
SiaEyre
这个作者很懒,什么都没留下…
展开
-
清除浮动的三种方式
1.给父级定义height 此种方法简单,但是只适用定高得布局2.在结尾处加一个空的div兄弟元素,添加clear:both样式。3.给父级元素增加伪类after与zoom.clearfix:after {content: "";display:block;visibility:hidden;height:0;line-height:0;clear:both; }.clearfix { zoom: 1}/*IE8 以上和非 IE 浏览器才支持:after,,zoom(IE..原创 2020-05-23 08:28:47 · 187 阅读 · 0 评论 -
CSS设置height:100%无效
父元素必须制定高度,子元素设置height:100%才有效。html,body,#app { height: 100%;}原创 2019-12-09 09:12:06 · 289 阅读 · 0 评论 -
CSS实现div居中的五种方式
方法一:margin:0 auto;--水平居中.box1 { width: 100px; height: 100px; margin: 0 auto; background-color: pink; } 方法二:position+left+right+top+bottom--...原创 2019-05-21 15:50:11 · 430 阅读 · 0 评论 -
css3实现立方体旋转
涉及知识点css3转换transformtransform-origin:x y z; 定义转换元素的位置 默认50% 50% 0transform-style:flat | preserve-3dtranslate:从当前位置移动 translateX(px) | translateY(px) | translateZ(px)rotate:给定度数顺时针旋转 ro...原创 2019-05-13 12:10:39 · 1659 阅读 · 0 评论 -
img元素实现图片裁切放大
代码如下:在img元素外面包裹一层div与img元素等宽等高,设置绝对定位,并相对于外层div居中 在包裹img元素的div外面再套一层div,宽高为需要展示的宽高,设置超出部分隐藏<div class="wrapper"> <div class="imgwrapper"> <img src="./img/a1.pn...原创 2019-08-04 17:28:43 · 3332 阅读 · 0 评论