《
你真的了解web标准margin吗》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/030233N02013.htm
margin的特性（盗用作者题目）
下面我们来说下，为什么要区别来用，padding和margin：
当我们让子元素边框要顶住父元素，而笼罩父元素背景图片或背景色的时候使用padding；
margin垂直外边距不兼容标准？
当我们盼望让子元素和父元素有点距离，但不影响父元素背景图片展现的时候用margin；
当子元素有边框而父元素无边框的时候，它们须要产生间隔的时候用margin；
,你的财宝在哪里 也谈网络时代的业余与专业; 大家已经清楚了我对它的称说&mdash,你的网站真的值得提高排名吗;—外边距，接下来以外边距来称谓。
margin在内联元素中的表现也是同理。以上为我对margin属性的理解，还有一个margin的bug我就不在这里论述了，因为网上已经有很多有识之士，把margin的bug具体的列了出来,你的网站在百度短网址缩短有安全隐患吗？。在这里，建站学向大家祝愿，端午节快活！
--> [
网站建设之]你真的懂得web尺度margin吗
举个例子来说：父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者padding.就会一直一层一层的找自己 “领导”(父元素，先人元素)的麻烦。只有给引导设置个有效的 border或者padding就可以有效的管制这个目无领导的margin避免它越级，假传诏书，把本人的margin当领导的margin履行（固然它的值比“真龙”的值大）。
对这个问题，良多人问过我，他们说，padding跟margin为什么要离开用，它们的区别也不大，到达的后果也不差，为什么它们是两种定义？许多人会轻易弄混杂，特殊是新手，个别都是新手问我这个问题。
1 <,你的网站做到这4点你就成功了;html xmlns="
2 <head>
3 <title>垂直外边距合并</title>
4 <style>
5 .top{width:160px; height:50px; background:#ccf;}
6 .middle{width:160px; background:#cfc;}
7 .middle .firstChild{margin-top:20px;}
8 <,你有必要使用CSS的重置;/style>
9 </head>
10
11 <body>
12 <div class="top"></div>
13 <div class="middle">
14 <div class="firstChild">我实在只是想和我的父元素隔开点距离。</div>
15 <div class=",你应该知道的几个CSS3技巧;secondChild"></div>
16 </div>
17 <,你会做用户登录功能吗？;/body>
18 </html>
你来运行一下是不是感到，这个在IE中显示正常？而在其他对css2高度兼容的firefox下显示异样？？我来告知你，这是由于IEIE的hasLayout渲染导致了这个“表现良好”的外观。而其余标准浏览器则会表现出“有问题”的外观。假如依照css标准来说，IE的表现是过错的，而FirfFox、Chrome、Opera、Sarfi等主流浏览器则解析的合乎css规范。
,体验设计师可以改进的5个习惯; 我们写css免不了的要与margin这个属性打交道，而且有的时候还要借助margin来修复因IE的bug，margin是外边距，我们都知道的。我给它的定义是：他详细的作用是对父元素的边框内出现距离自身的距离定义。css威望指南是这样说的：边界，元素周围天生额定的空白区。“空缺区”通常是指其他元素不能出现且父元素背景可见的区域。w3cschool则是：CSS 边距属性定义元素四周的空间。通过使用单独的属性，可以对上、右、下、左的外边距进行设置。也可以应用简写的外边距属性同时转变所有的外边距。
margin，是透明的，在它设置的值的范畴内，父元素的背风景或背景图片均不受影响，可能完全的浮现给用户看到。margin属性通过独自的属性对其上、右、下、左顺次进行赋值，咱们常见的有margin:10px; OR margin:10px 20px; OR margin:10px 20px 10px 20px;然而你知道：margin:10px 15px 3px;什么意思吗？你认为它的表白意思是：margin:10px 15px 3px 0px;吗？？那我来告诉你，毛病：它的抒发意思是margin:10px 15px 3px 15x;呵呵！great。这个才是准确的。在实际利用中，或者浏览别人代码的时候不要懂得错误或者，不看到过这个，就随意猜想作者的主意。
实际工作中，垂直外边距合并问题常见于第一个子元素的margin-top会顶开父元素与父元素相邻元素的间距，而且只在标准浏览器下 (FirfFox、Chrome、Opera、Sarfi)发生问题，IE下反而表示良好。例子能够查看下面代码(IE下表现“畸形”，标准浏览器下查看涌现&ldquo,传统行业论坛发展的春天;bug”)有代码有本相：
用Margin仍是用Padding
本站直接先容过一篇《为你解答margin的一些疑难》原文开头是这样说的。
Tag： margin web标准 margin web标准
你真的了解margin吗？你知道margin有什么特征吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的差别？什么时候该用 padding而不是margin？你晓得负margin吗？你知道负margin在实际工作中的用处吗？常见的阅读器下margin呈现的bug有哪些？……（援用作者原话）
当我们想要在子元素使用背景,优秀网页设计的四个关键因素，而父元素不适应背景，达到图片“顶住”，文字“不顶住”距离一段距离的时候要用padding；
(责任编辑：网站建设)
你真的了解web标准margin吗相关文章