weixin_46254175的博客

参考文档：MDN「overflow-y」W3C「overflow-y」背景：最近在重构一个比较旧的项目，码着码着，发现了一个小问题。比如这样一个结构：导航栏和菜单栏都是固定不动的，当main盒子中内容当前屏幕放不下的时候，就会滑动来看下面的内容。这是一个最普通的场景了吧，但是你滑滑发现，有两个滚动条，main一个滚动条，最外面还有一个滚动条。。一顿查询知道了这个属性overflow-y。正如MDN所说，这个属性就是用来决定如何处理溢出的内容。hidden属性，就是来控制不展示滚动条哒～

flex布局弹性布局，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为flex布局.box{ display:flex;}行内元素也可以使用flex布局：.box{ Display:inline-flex;}webkit内核的浏览器，必须加上-webkit前缀.box{ display:-webkit-flex; /*Safari*/ display:flex;}设为flex布局之后，子元素的float、clear和vertical-alig

父元素因为子级元素浮动而引起的内部高度为0。我们没有给父元素设置高度<div class="par"> <div class="child1">浮动一</div> <div class="child2">浮动二</div> </div> <div class="btm"...

BFCBFC:块级格式上下文。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。BFC布局规则：内部的Box会在垂直方向，一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠每个元素的margin box的左边， 与包含块bo...

文章目录水平居中垂直居中方法一：子绝父相方法二：flex水平居中元素宽度固定，margin：0 auto；行内元素，父元素text-align: center;子绝父相，孩子left：0；right：0；margin：auto；父元素设置display：flex；justify-content: center；垂直居中父元素设置display: flex；align-items...

让一个小球在2s之内匀速从左边移动到页面右边并且停留在页面右边<div class="ball"></div>.ball { position: relative; animation: move 2s linear; width: 200px; height: 200px...

文章目录方法一. ::after或者::before + transform方法二.viewport和rem结合方法三.小数值方法四.css3中box-shadow方法一. ::after或者::before + transform在移动端web开发中，设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在某些机型上，1px会比较粗，即是较经典的移动端1px像素问...