摘要：1. Sandbox Editor 访问地址：https://codesandbox.io/ 2. StackBlitz 访问地址：https://stackblitz.com/ 3. codepen 访问地址：https://codepen.io/pen/ 阅读全文

摘要：需求：页面上有一个div的宽度是随着屏幕宽度的改变而改变的，但其宽高比始终是2:1，也就是当宽度是1000px时，高度为500px 分析：无论浏览器窗口如何改变，始终要让目标元素的宽高比保持2:1，我们第一个想到的可能是使用js来实现，但是使用js来实现往往会比较耗费性能，那么今天我们就来讲下使用c 阅读全文

摘要：在ie6下给border设置transparent是无效的，解决办法如下：_border-color:tomato;/*ForIE6-*/_filter:chroma(color=tomato);/*ForIE6-*/原理是先给border定义一个颜色，然后再把这个颜色过滤掉。 阅读全文

摘要：这个标题实在是我无奈之下才取出来的，毕竟我文采有限~今天我遇到的一个eggpain的问题：前提：当页面上有两个没有background的div，大小一样，绝对定位在同一个地方（让第二个遮挡住第一个），但是第一个div中有一个img，并且给这个div添加一个click事件出现的问题：点击第二个，居然触... 阅读全文

摘要：之前对ie6接触不多，并且认识也不深，虽然知道ie6中的!important很特别，但是并没有记住特别在哪里~今天就记录一下吧！首先，很多人说ie6是不支持!important的，其实这个一个错误的定义！这里特意纠正一下ie6只有在一直情况之下，!important的效果和其他浏览器不同，如下：.c... 阅读全文

摘要：我想当你上手css3的时候后一定为他的强大而感到震惊，但是震惊之后带来的一定是苦恼，因为他太TM变态了！我之所以这么说是因为我今天写box-flex的时候遇到了一个可以让我蛋碎的问题~~~首先，box-flex是干嘛的？box-flex可以让某个元素的子元素在剩余空间等分！真的，这个功能太好了！但是... 阅读全文

摘要：最近在做东西的时候发现overflow还有这样的妙处：可以实现自适应，之前没加overflow实现起来是有点问题的代码如下： 测试 阅读全文

摘要：出现的问题：在html中，当有两个以及两个以上的span标签并列的时候，如果任意两个span之间换行书写的话，那么他们在页面上展现的时候往往会有空隙解决的办法有两个：1.将两个span标签写在同一行2.给span标签添加float 阅读全文

摘要：个人感觉word-break:break-all;的用法比word-wrap:break-word;要好点， 当然这是出于某些需求而言 word-break:break-all的优点： 在遇到标点符号时，换行会带一个中文字下来，而不是让标点在一行开始的位置 word-break:break-all的 阅读全文