摘要：fixed布局在ios中当页面滚动的时候可能会出现一些奇怪的表现，比如fixed元素随页面滚动或者消失等等。 解决思路： 要把带fixed定位的元素，和内容滚动的元素分开来，滚动部分设置绝对定位和 使之自成一块，这样就不会出现页面的滚动。没有滚动，即使fixed失效也没有问题。 阅读全文

摘要：class命名 大团队比较常用的是BEM模式。 class命名使用BEM其实是块（ block）、元素（ element）、修饰符（ modifier）的缩写，利用不同的区块，功能以及样式来给元素命名。这三个部分使用__与 连接（这里用两个而不是一个是为了留下用于块儿的命名）。 命名约定的模式如下： 阅读全文

摘要：有时候我们需要让一些inline blcok块显示在一行，这时候我们会发现它们之间会存在一个间隙。为什么呢？ inline blcok块之间的不可见符号会被保留父层字体的1/3大小的空间 还有有时候多张连续的图片排列在一起时，也会出现间隙，而且不知道你们是否发现 img标签是行内元素 ，为什么可以设 阅读全文

摘要：圣杯布局 html结构 css样式 总结： 圣杯布局用到了浮动float、负边距、相对定位relative，不添加额外标签. left的 使它上移一行，同时right向左移占据left原先位置，同理，right的 使它上移并靠右 双飞翼布局 html结构 css样式 和圣杯没多大的区别，就是 双飞翼 阅读全文

摘要：当margin/padding取形式为 的值时，无论是left/right，还是 ，都是以 为参照物的 场景：购物平台商品的展示界面 当图片还未加载出来时，高度为零，加载出来后高度变化，出现一个闪烁的过程，影响用户体验。所以需要先进行占位，如上图所示。 使用margin/padding的百分比值来解 阅读全文