兼容性—margin

最新推荐文章于 2022-03-08 14:57:44 发布
最新推荐文章于 2022-03-08 14:57:44 发布
阅读量84 收藏
点赞数
原文链接：http://www.cnblogs.com/halai/p/6846256.html
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .box{
            background: blue;
        }
        .content{
            height: 40px;
            background: red;
            margin: 50px;
        }
    </style>
</head>
<body>
    <div class="box">
        <div class="content"></div>
        <div class="content"></div>
    </div>
</body>
</html>

所有浏览器显示效果都一样

给父级加上border属性，除IE6/7以外都可正常显示,可以通过overflow和zoom触发BFC和layout属性解决

.box{
            background: blue;
            overflow: hidden;
            zoom: 1;
}

 

转载于:https://www.cnblogs.com/halai/p/6846256.html

weixin_34119545
关注
关于margin-top兼容问题
weixin_53278262的博客
12-21 556
关于margin-top兼容(传递)问题,我相信不少小伙伴在日常生活中经常遇到吧,我先举个栗子吧,这样便于大家理解 html代码: <div class="box"> <div class="child"></div> </div> css代码: * { margin: 0; padding: 0; } .box {
CSS 多浏览器兼容性问题及解决方案
12-11
Javascript 多浏览器兼容性问题及解决方案 兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width 3、FF:...
关于margin的IE6的兼容问题。
fuxiaomi2016的博客
10-12 1413
关于margin的IE6的兼容问题。（双倍margin的问题）
margin与padding的区别以及margin如何兼容各浏览器
weixin_34221775的博客
06-19 288
2019独角兽企业重金招聘Python工程师标准>>> ...
margin如何在FF/IE6/IE7/IE8/Google兼容浏览器
hughjin
05-12 504
DIV+CSS布局的时候很多时候都会用到margin,但是由于各大浏览器对其解释不一样或者是说BUG，所以会造成差异。本人总结一下margin在FF/IE6/IE7/IE8/Google浏览器中的兼容问题。 一、加倍问题 这个是在IE6下存在的BUG，当你的div设置float的时候，margin会加倍。 解决方案我总结了两个，当然可能还有其他的方法,知道的可以留言分享。 解决方法一：是在这个
Css margin 对各浏览器支持的解决方法
让我们一起异想天开
05-19 1340
body { background-color:#FF0000 !important; *background-color:#00FF00 !important; *background-color:#0000FF; background-color:#000000; } IE6选择最后一个，即：background-color:#000000; （因为IE6对important
DIV CSS设计时IE6、IE7、FF 与兼容性有关的特性
chinmo的收藏
02-15 2164
在网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV CSS设计的网，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网乱可能出去不想出现的效果！所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px;IE7 专用 *+height: 100px;IE7、FF 共用 heigh
css 不兼容性问题小结
12-10
1.清除浮动 clear:both; 复制代码代码如下: ”colwrapper”> ”fl”> </div> ”fl”> </div> ”clear”></div> </div> 这个div一定要注意声明位置，一定要放在最恰当的地方，而且必须与两个具有float属性的div同级...
常见浏览器兼容性问题与解决方案css篇
01-21
所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的...
关于css兼容性问题及一些常见问题汇总
01-19
目前主流浏览器的兼容性做的都比较好了，本文主要针对IE6，7的不兼容问题进行解决。 1.有浮动存在时，计算一定要精确，不要让内容的宽高超出我们所设置的宽高，IE6下，内容会撑开设置好的高度。 解决方法：给对应的...
02-margin的兼容性问题
ihuhuh的博客
03-08 270
标签分类： 单双标签：单标签 双标签 标签语义分类 ： 有语义 没有语义 标签特性： 块元素 行内元素 行内块元素 盒模型属性的特性： 1. width height : 行内元素不支持宽高，需要转换为块元素或者 行内块元素 2. padding： 行内元素不支持上下的padding(padding 可以撑起来高度，但是不占位置), 但是支持左右的paddi...
css关于margin在不同浏览器下的兼容
fjh1370505782的博客
02-05 3782
在学校中学的是Html,并没有学习Html5,工作后遇到这个问题。 发现只要把H4的标头改成H5的标头就能解决兼容性了（谷歌和火狐，没有去测试Ie的兼容性） 只要把改成就可以了。
margin的兼容性问题，也称外边距塌陷
渣渣的成长之路
04-26 649
不知道大家在练习中有没有遇到过外边距塌陷的问题，今天我来总结一下解决外边距塌陷的4中方法。 <!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>margin的兼容性</title> </head> <style> ...
margin兼容性解决办法
pangjianjava的专栏
06-29 814
margin-top如果碰不到有效的border或者padding.就会不断一层一层的找自己 “领导”(父元素，祖先元素)的麻烦。只要给领导设置个有效的 border或者padding就可以有效的管制 这个目无领导的margin防止它越级，假传圣旨，把自己的margin当领导的margin执行（虽然它的值比“真龙”的值大）。
有效解决css不同浏览器的兼容问题
纸上得来终觉浅
08-02 516
写网站发现有一部分css在chrome和ie上都是正常显示，但是firefox浏览器却出现了问题，找了很多方法都不能有效地解决。 最后想到通过识别不同的浏览器来加载对应的css，果然解决了兼容性的问题，代码如下： var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 if (userAgent.indexOf("Fire
margin在IE、Firefox、Chrome、Safari下兼容的超级方法！
云曦沥雨
08-13 2709
问题出现的来由： 笔者本来很注意网页前段兼容的问题，所以在CSS定义和测试时都很小心。但由于在编写CSS过程中调用了其它网站的已经定义好的CSS文件及Jquery文件，所以需要在整合时做很多拆分，以符合自己网站整体CSS的定义，并是整个页面能够将各实用功能恰如其分的融合。问题的技术处在于，被我调用的CSS文件和Jquery文件中，对于层及样式的定义是相互交叉融合，并且代码经过处理，可读性极差
不同浏览器的margin值与padding值
weixin_34221073的博客
06-16 336
IE-7： 有默认外边距margin样式的元素： dd，menu, ol, ul, blockquote, body, dd, dl, form, h1-6, ul 有默认内边距padding样式的元素： th, td, textarea, input, fieldset, caption, IE-8： 有默认外边距margin样式的元素： ...
浏览器兼容性调试攻略
"浏览器兼容性问题处理方法大全" 在网页设计和开发中，浏览器兼容性问题是一个常见的挑战。不同的浏览器，如Internet Explorer (IE)、Firefox (FF)、Chrome、Safari等，对CSS样式、JavaScript和HTML的解析存在差异...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值