Column实现图片瀑布流

方案一:多列布局 Multiple-column layout 文档 实现步骤 设置父容器(content)的column-count用来指定列数,接着将子容器的img标签宽和高均设置为100% 示例 在线示例

CSS: 外边距塌陷问题

现象:现有两个Div,上面的div设置margin-bottom:200px,下面的设置margin-top:100px,最终两个div相聚200px。 原因:当两个在标准流中相邻(兄弟或父子关系)的块级元素的外边距,组合在一起变成单个外边距,

Less中使用calc()

height:calc(100% - 32px); 使用以上代码,实际渲染出的高度却是68%,这明显与实际不符,原因是less将其当场表达式进行了计算。应当采用如下写法: height:calc(

CSS:自定义滚动条

less &::-webkit-scrollbar-button{ background-color: #074337; background-size: 18px; background-position: center; background-repeat: no-repeat; &