2017年5月14日
兼容性—IE6下当元素浮动设置margin时会有双边距
摘要： 代码如下： 解决方案：给元素加上display：inline。 阅读全文
posted @ 2017-05-14 17:30 影子疯 阅读(176) 评论(0) 推荐(0)
2017年5月12日
兼容性-inline-block
摘要： 其他浏览器正常显示一行，IE6/7显示效果如下（不认display：inline-block） 可以通过下面方法解决 *display: inline; *zoom: 1; 问题2：当设置高度为1px的时候，IE6显示高度为19px，可以通过overflow：hidden解决 阅读全文
posted @ 2017-05-12 17:52 影子疯 阅读(132) 评论(0) 推荐(0)
兼容性—margin
摘要： 所有浏览器显示效果都一样 给父级加上border属性，除IE6/7以外都可正常显示,可以通过overflow和zoom触发BFC和layout属性解决 阅读全文
posted @ 2017-05-12 16:50 影子疯 阅读(271) 评论(0) 推荐(0)
兼容性— IE6下子元素宽高会撑大父级
摘要： IE6下效果 其他浏览器下效果 解决方案：编写代码时，尽量使子级元素宽高小于父级 阅读全文
posted @ 2017-05-12 14:52 影子疯 阅读(145) 评论(0) 推荐(0)
兼容性—浮动
摘要： box不能包住left和right 通过给box添加伪类解决上述问题 给h2元素加上高height 在IE6下（其他浏览器正常），h2属于块级元素，默认占一行 只需要给h2加上float属性就可解决上述问题。 问题2：在IE6下，left和right直接会有缝隙，代码如下 IE6显示效果 其他浏览器 阅读全文
posted @ 2017-05-12 14:42 影子疯 阅读(191) 评论(0) 推荐(0)
兼容性—H5标签兼容
摘要： IE6/7 不支持H5标签可以通过以下方法解决 可以通过JS创建标签实现（默认是行级标签），然后转换成块级元素。 标签很多的时候，不可能一一创建元素，可以通过JS插件实现 阅读全文
posted @ 2017-05-12 10:38 影子疯 阅读(469) 评论(0) 推荐(0)
2017年5月11日
表单
摘要： 表单基本类型 阅读全文
posted @ 2017-05-11 15:17 影子疯 阅读(136) 评论(0) 推荐(0)
2017年5月10日
表格
摘要： 1、基本写法 2、合并单元格 阅读全文
posted @ 2017-05-10 17:12 影子疯 阅读(124) 评论(0) 推荐(0)
2017年5月3日
浮动
摘要： 清除浮动的最好办法 阅读全文
posted @ 2017-05-03 10:31 影子疯 阅读(101) 评论(0) 推荐(0)
2017年5月2日
块元素和内联元素
摘要： 1、块元素（div,p,h,li） a、默认独占一行 b、没有宽度，默认撑满一行 c、支持所有CSS命令 2、内联元素（span,em,strong,a） a、不支持宽高 b、同一行可以有多个元素 c、不支持上下的margi d、代码换行会被解析（空格） e、内容撑开宽高 3、内联块元素 a、块在一 阅读全文
posted @ 2017-05-02 11:35 影子疯 阅读(157) 评论(0) 推荐(0)