JSFiddle

jun's public fiddles

• css flex 三列布局

  利用flex实现三列布局

• Private fiddle Extra
• Delete fiddle
Groups Extra
• css absolute 高度塌陷

  position:absolute时，引起父元素高度塌陷，解决办法就是设置min-height

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 浮动 float

  测试浮动，浮动到包含框或者浮动框的边缘。这里我主要是想测试包含框的边缘是哪里

• Private fiddle Extra
• Delete fiddle
Groups Extra
• background-position使用

  background-position调整背景图片位置的，x和y；雪碧图的原理就是多张图片合成一张，通过调整背景图位置，出现一个图标，然后恰巧容器大小与背景图片大小一致，然后，就出现了效果。

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 网友的图片无缝滚动

  网友的图片无缝滚动示例，效果并不是很好

• Private fiddle Extra
• Delete fiddle
Groups Extra
• html5 多文件上传

  文件上传后，预览，预览时，可删除

• Private fiddle Extra
• Delete fiddle
Groups Extra
• vertical-align 知乎 提问

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• vertical-align 演示

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• line-height和vertical-align

  vertical-align时灵时不灵，究其原因，是因为它只对行内元素起作用；这就牵扯到顶线、中线、基线、底线了。 而vertical-align就是对应这几条线的。

• Private fiddle Extra
• Delete fiddle
Groups Extra
• iframe height 100% 垂直滚动条

  iframe height设置为100%，就会出现垂直滚动条

• Private fiddle Extra
• Delete fiddle
Groups Extra