摘要：父级： display:-webkit-box; 子级： -webkit-box-flex:1; width:20px; 注意： 如果子级用的都是 -webkit-box-flex:1; 但是比例失效的话： 使用 box-flex 的每一个子元素都加上一句： width: 0%;，原因不明，反正有效 阅读全文

摘要：语法结构及用法：@media 设备名 only （选取条件） not （选取条件） and（设备选取条件），设备二{sRules} 实际应用一 判断设备横竖屏： /* 这是匹配横屏的状态，横屏时的css代码 */ @media all and (orientation :landscape){} / 阅读全文

摘要：-webkit-appearance: none; -moz-appearance: none;-ms-appearance: none; -o-appearance: none; appearance: none; 阅读全文

摘要：说到 IE 的 bug，一个臭名昭著的例子是它对于“盒模型”的错误解释：在 IE5.x 以及 Quirks 模式的 IE6/7 中，将 border 与 padding 都包含在 width 之内。这为前端工程师的工作平添了不少麻烦，几户每个需要定义尺寸的 box 都要思量一下：是否触发了“盒模型 阅读全文

摘要：HTML: CSS: .overimg{ position: relative; width:500px; height:335px; } .light{ cursor:pointer; position: absolute;left: -500px;top: 0; width: 500px;height: 335px; ba... 阅读全文