首页 > 软件开发 > div+css布局时常见bug总结

快速发布【软件开发】相关需求,专业顾问为您服务 快速发布

用此手机号发布,您还可以点击 更换

发布需求
请输入正确的手机号
请输入正确的验证码

您是不是要找:

  • 专家问诊,提供专业建议
  • 急速响应,体验省心
  • 根据需求灵活定制解决方案

div+css布局时常见bug总结

标签:- 2017-11-21 作者:陈默网络

  1.怪异模式:没有书写时会触发怪异解析现象。


  2.不同浏览器中很多标签的默认样式不同。一般用reset.css文件将浏览器重置。


  3.横向双倍外边距:产生的四个条件 浮动 块属性标签 有横向的margin值 在ie6下。解决方法:给标签加入display:inline,使其成为行标签。


  4.默认行高:产生的条件 ie6 设置的文字高度超出盒模型内容区域 设置高度时会改变布局。解决办法:加入overfloat:hidden;


  5.ie6不支持透明的png图。解决办法:用jpg gif代替或者后期用js解决


  6.默认高度:块元素,没有写固定高度时。解决:设置固定高/height:0;overflow:hidden;


  7.经典3像素:条件 浮动块元素与未浮动元素处于同一行。解决:设置非浮动元素浮动。


  8.图片间的默认边距。解决方法:所有图片都浮动 写代码时不换行


  9.img外部的border。解决方法:border:none/0.


  10.hover在ie6中只能给a标签用。


  11.ie678不支持透明opacity的属性。用独特的代码代替opacity:0.6;filter:alpha(opacity=60).不支持rgba的设置。


  12.不支持最大最小宽高:标签的最低高度宽度设置。解决方法:为单独设置hack。


  13.子选择器在ie6中不能使用。div>p这是子选择器。可以用来选择父级下的某个子级。 bug总结:常见的bug都出现在版本低的ie中。有可能bug产生于标签的不合理使用或者css样式使用不当。


最新文章推荐

软件开发暂无最新文章查看全部推荐文章>

推荐人才