header>.container>a中为什么要设置margin?

header>.container>a中为什么要设置margin?这里的a是不是属于嵌套元素，嵌套元素怎么设置margin？

源自：HTML5网页布局 2-1 html5页面布局（表现层_header）

收起

3回答

妮可妮可妮_ 2018-09-10 09:26:21

测试了你的代码,可以实现margin效果,但是要注意父级塌陷的现象,可以利用overflow:hidden,zoom:1解决,

祝学习愉快!

妮可妮可妮_ 2018-09-07 16:33:53

内嵌元素也叫行内元素,可以通过display:block,将a标签转为块级元素,就可以设置上下的margin值了

提问者慕圣0216546 #1

是相对应header盒子？你画的不是相对于container盒子么？

2018-09-08 20:33:49
妮可妮可妮_ 回复提问者慕圣0216546 #2

不好意思同学,图片中没有描述的很准确, 如果父元素在子元素的margin的同向上有padding或border的话，子元素的margin相对于父元素在上图中,因为header盒子设置了container,所以左边的magin值是相对于container的.而上边的margin值是相对于header盒子的

2018-09-09 13:04:06
提问者慕圣0216546 回复妮可妮可妮_ #3

这个部分为什么实现不了h3的margin部分？道理不是与imooc的header相同么？ /*html 代码*/ <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="12.css"> </head> <body> <section class="team"> <div class="teamcontainer"> <h3>T e a m</h3> <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eiusmodtempor incididunt ut labore et</p> <p> dolore magna aliqua.Ut enim ad minim veniam</p> </div> </section> </body> </html> /*css team*/ .team{ height: 500px; background: #2e2e2e; } .team>.teamcontainer{ width: 750px; margin: 0 auto; } .team>.teamcontainer>h3{ font-size: 30px; color: #f46208; width: 120px; margin: 20px auto; }

2018-09-09 23:42:57

妮可妮可妮_ 2018-09-07 15:53:47

如果可以解决你的疑惑,一定要记得采纳我哦~

祝学习愉快!

提问者慕圣0216546 #1

不是我要问的哦，这里的a是作为内嵌元素，从盒模型的考虑怎么设置的margin值，这里的margin是相对那个元素设置的外边距？

2018-09-07 16:04:36
提问者慕圣0216546 #2

说白了就是不太明白嵌套元素的margin是怎么使用的，因为内部元素是外部的内容

2018-09-07 16:25:43