css
浅笑如伤
这个作者很懒,什么都没留下…
展开
-
清除浮动
一、为什么要清除浮动?清除浮动:使父元素围住浮动的子元素,避免对后续元素造成影响。二、方式1、给父元素设置overflow:hidden;或float:left;或position:absolute;触发块级格式化上下文(BFC)2、利用clear样式在浮动元素之后加入新元素,设置clear样式.clear-div{ clear:both;}这种方式的不完美之处在于增加了一个专门用于清除浮动的元素推荐使用伪元素,如下.clearfix:after { .原创 2020-10-13 15:26:37 · 187 阅读 · 0 评论 -
获取元素相对于视口的位置 Element.getBoundingClientRect() 理解及笔记
1、概念Element.getBoundingClientRect()方法返回元素的大小及其相对于视口的位置。2、语法返回值是一个 DOMRect 对象,这个对象是由该元素的 getClientRects() 方法返回的一组矩形的集合,就是该元素的 CSS 边框大小。返回的结果是包含完整元素的最小矩形,并且拥有left, top, right, bottom, x, y, width, 和 height这几个以像素为单位的只读属性用于描述整个边框。除了width 和 height 以外的属性是.原创 2020-06-01 11:13:39 · 3237 阅读 · 0 评论 -
边距溢出问题及解决方案
1、margin-top溢出问题描述:父元素margin-top被子元素的margin-top值所影响(假设父元素margin-top:0;子元素margin-top:50px;,视觉效果为父元素margin-top:50px; 子元素margin-top:0;)如图所示:个人觉得这是一个父子元素外边距合并的bug2、解决办法:为父元素增加display:table;的伪类(推荐做...原创 2019-05-30 18:54:37 · 833 阅读 · 0 评论