摘要：视觉格式化模型 在一个文档中，每个元素都被表示为0、1或多个矩形的盒子。确定这些盒子的尺寸, 属性 像它的颜色，背景，边框方面 和位置是渲染引擎的目标。① 在CSS中，使用标准盒模型描述这些矩形盒子中的每一个。这个模型描述了元素所占空间的内容。每个盒子有四个边：外边距边, 边框边, 内填充边 与 内 阅读全文

摘要：用了那么久的绝对定位，却一直没在意一个问题，就是绝对定位的原点，究竟是在盒模型的哪一处。今天想到这个问题，直接搜索没有找到标准文档，也没有搜索到相关的问题，于是决定自己动手实现一下看看，并把这个结果发出来让搜索引擎的内容变得更充实点。 代码 最终效果(在chrome 59下) 之后换了火狐、IE浏览 阅读全文

摘要：最近在模仿做一个静态的PC版知乎，在模仿的过程中，从知乎工程师的方法中学到了不少知识，比如CSS方面的，以下介绍一个今天学到的伪元素的技巧。 示例 DOM结构为： 提问 回答 写文章 草稿 在这个示例中，标注了两处，第一处是一个装饰之类的东西，这个装饰让整个用户操作导航条好看了不少；第二处是项与项之 阅读全文

摘要：问题描述 之前在项目中，遇到了一个场景，需要实现相对于父元素的fixed定位：在父元素内拖动滚动条时，"fixed"定位的元素不能滑动，在外层拖动滚动条时，父元素及父元素内的所有元素跟着一起滑动。但是 是相对于窗口进行的定位，不能直接实现我们需要的效果。在网上搜索看到一个还不错的 "解决方案" ，不 阅读全文

摘要：（uploadify版本：3.2.1 ） 因为公司业务的原因，所做的项目需要兼容IE8，因此做的上传插件无奈选择的是基于flash的uploadify。 由于是基于flash的，所以使用过程中，难以给上传按钮自定义样式，但原来的样式实在不好看，是这样的 ，或者和项目的UI风格不搭，于是就要想办法自定 阅读全文

摘要：今天遇到一个特殊的select问题，需求是这样的：每次点击这个select时，根据选择的option的值做出相应的处理并返回新的select,option内容。所以大致思路是给这个select绑定change事件，然后根据 新的值的不同 触发change事件，做出相应的处理。 但是这里有一个问题就是 阅读全文

摘要：写页面的时候，经常遇到一个小图标图片需要和文字放在一起，包裹在一个父容器中，但是图片总是顶部和父容器顶端靠在一起，这样就导致图片总是比文字高上一点，这个问题遇到了很多次，之前没有进行总结，总是花式地把它们对齐在一起，比如手动调整 ，写定像素，把他们调到水平对齐，但这样既不优雅，也不安全，比如当高度为 阅读全文

摘要：起初，这个问题和 还有设置宽高之间是没有任何关联的，一开始这是一个关于 和`line height 竟然可以设置宽高，即使在我特地加上 的情况下依然可以设置宽高。（写这篇文章的时候已经忘记了具体场景了，只是把原因记录了下来）。对这个反常的现象，我很好奇，所以开始了“探索与发现”之旅。 首先我想搜的是 阅读全文

摘要：在使用 时，这些 之间会有间隙，根据 "无双 《去除inline block元素间的空隙》" 的说法，这个间隙是4px或者8px的距离（与浏览器有关），如果间隙是确定的，那根据这个我们就可以用CSS来避免这个间隙。根据之前的经验，也发现了可以通过改变HTML代码的结构来规避这个信息。 假设 都是 ， 阅读全文