vue实现消息向上无缝滚动效果 ... 样式 .new-list{ line-height: 28px; transition: top 0.5s; } .anim{ transition: all 0.5s; margin-top: -28px;//高度等于行高 } ...
分类：
其他好文 时间：
2018-11-20 13:19:02
阅读次数：
218
原因在于：CSS 外边距合并 复现： 这里子元素设置margin-top会作用在父元素上了。 解决方法： 1、为父元素设置padding。 2、为父元素设置border。 2、为父元素设置 overflow: hidden 。 ...
分类：
其他好文 时间：
2018-11-15 13:52:13
阅读次数：
158
margin margin：外边距的意思。表示边框到最近盒子的距离。 /*表示四个方向的外边距离为20px*/ margin: 20px; /*表示盒子向下移动了30px*/ margin-top: 30px; /*表示盒子向右移动了50px*/ margin-left: 50px; margin- ...
分类：
其他好文 时间：
2018-11-10 10:43:27
阅读次数：
159
1.优化图片 2.图像格式的选择（GIF：提供的颜色较少，可用在一些对颜色要求不高的地方） 3.优化CSS（压缩合并css，如margin-top,margin-left...) 4.网址后加斜杠（如www.campr.com/目录，会判断这个“目录是什么文件类型，或者是目录。） 5.标明高度和宽度 ...
分类：
其他好文 时间：
2018-11-03 14:04:33
阅读次数：
161
1.外边距合并：只有在垂直方向上会发生 例：子margin-top > 父margin-top 效果图： 2.在布局中的应用 margin：通常用来设置此元素与相邻元素或父元素边框的距离（盒子与 盒子之间的距离） padding：通常用来设置内容显示的区域 另：通常子元素的margin可以用父元素的 ...
分类：
其他好文 时间：
2018-11-03 01:53:31
阅读次数：
100
什么是 margin ? 概述 margin属性为给定元素设置所有四个（上下左右）方向的外边距属性。这是四个外边距属性设置的简写。四个外边距属性设置分别是： margin-top， margin-right， margin-bottom 和 margin-left 。指定的外边距允许为负数。 语法 ...
分类：
其他好文 时间：
2018-10-29 11:11:46
阅读次数：
148
{ border-color: transparent; border-right-color: #e5e5e5; border-width: 7px; margin-top: -7px; right: 100%; top: 20px; border: solid transparent; cont... ...
分类：
其他好文 时间：
2018-10-25 15:48:17
阅读次数：
162
总结一下，最经典的面试题 分两种情况，宽高确定和不定宽高 （一）宽高确定 初始条件如下： 1. 绝对定位 + 负margin 里面的盒子相对于父盒子绝对定位，距离上面和左边分别为50%，此处的50%是相对于父元素的高和宽， 然后通过margin-left 和 margin-top 设置为负值，使元素 ...
分类：
Web程序 时间：
2018-10-24 10:43:43
阅读次数：
177
在HTML中 一个父元素包裹一个子元素的div，在给子元素的div设置margin-top时，会传递给父元素 解决办法:1、修改父元素的高度,给父元素加上padding-top:40px;2、为父元素添加overflow:hidden3、为父元素添加border4、为父元素或者子元素声明绝对定位。5 ...
分类：
Web程序 时间：
2018-10-23 12:02:25
阅读次数：
187
div{ width: 100px; height: 100px; background: green; position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px;} 注释：DIV绝对定位，距顶和距左 ...
分类：
其他好文 时间：
2018-10-08 11:21:12
阅读次数：
147
