斜杠青年博客

用这个版本“node-sass”: “^4.7.2”,“sass-loader”: “^7.0.3”,

top、left、right、bottom设置百分比基于父元素！首先定位之后,left、top、right、bottom 设置百分比的情况是因为在不同设备下，定位的元素宽高也是不同的，那么这个时候给出固定值显然是不对的。所以用到了百分比translate’的百分比参照自身遇到这个问题的时候，是因为我想把这个元素定位居中，可是我要居中的元素没有宽高，是内容撑起来的，那么我无法设置margin值来让他偏移！translate的作用派上了用场！在我设置top、left为50%的时候，设置translate

之前在项目中，遇到了一个场景，需要实现相对于父元素的fixed定位：在父元素内拖动滚动条时，"fixed"定位的元素不能滑动，在外层拖动滚动条时，父元素及父元素内的所有元素跟着一起滑动。但是position: fixed是相对于窗口进行的定位，不能直接实现我们需要的效果。我们想让特定子元素相对于父元素"fixed"定位，也就是说，剩余的子元素不定位。那我们可以分开来想，如果添加一个祖先元素assistor，有两个祖先元素，一个用于辅助定位，一个用于包裹不定位的内容，这个问题不就解决了吗。像这样实质上是c

overflow: hidden;white-space: nowrap;text-overflow: ellipsis;

为什么inline-block元素使用margin：0 auto不起作用再次提到上面的考点，这7大属性的值加起来必须是元素包含块的宽度，这里我们假设其他属性均为0，那也就是margin-left + width + margin-right = 包含块的宽度。所以：对于块级元素，当width固定后，margin就能通过margin = (包含块的宽度 - width )/2获得取值而对于inline-block元素（包含行内替换元素比如img等），内容的宽度就是最终的宽度，没有margin-left

z-index 属性是设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。1、元素可拥有负的 z-index 属性值。2、Z-index 仅能在定位元素上奏效（例如 position:absolute;）。该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。它可能出现的值：...