美文网首页
css-兼容

css-兼容

作者: 萝卜缨女王 | 来源:发表于2020-10-12 09:45 被阅读0次

1, IE6 不支持 display:inline-block; ?

IE6 兼容行内标签的display:inline-block
不兼容块标签 display:inline-block


1. 双边距

  • 原因:块元素浮动后方向上有 margin float:left; margin-left loat:right: margin-right
  • 解决:display:inline; .left { display:inline; float:left; }

2. IE6子级会把父级撑开

条件:子级大于父级

  • 解决: 给父级加 overflow:hidden;
    常出现在浮动中

3. 不支持子级 margin负值

解决:子级加 position:relative;

相关文章

  • css-兼容

    1, IE6 不支持 display:inline-block; ? IE6 兼容行内标签的display:inl...

  • 前端 & 小测

    点亮星星 文本打点-单行 用户体验&实现 文字垂直居中 CSS-宽高定比例展示 【IE】CSS版本兼容&JS检测 ...

  • CSS-浏览器兼容

    1.什么是 CSS hack 由于不同厂商的浏览器,比如Internet Explorer,Safari,Mozi...

  • 06、HTML&CSS-兼容

    每天一句:永远不要梦想一步登天,不要做浮躁的人,不要觉得路途漫长。而是要编程编程再编程,完了再编程,再编程。 一、...

  • CSS-移动端页面(响应式)

    CSS-移动端页面(响应式) 媒体查询

  • Less学习总结

    say hello & intro Less is More,Than CSS-少即是多,比CSS less介绍-...

  • css-背景设置

    css-背景设置 背景设置 background: background-color: 背景颜色设置 ba...

  • 最新JavaWebIDEA2020教程及资料

    目录 ┣━━视频┃ ┣━━01-html&CSS┃ ┃ ┣━━01HTML和CSS-引课 .avi┃ ┃ ┣━━0...

  • css 垂直居中的方法

    标签:css-常用技巧 table-cell 式将 center 元素的父容器设置为 display:table,...

  • Html5 - 动画开发相关资源

    一:CSS-效果库 bouncejs 4700+各种跳动,提供工具直接生成css animation代码。 roc...

网友评论

      本文标题:css-兼容

      本文链接:https://www.haomeiwen.com/subject/zvmfyktx.html