HTML:
<div class="wrap">
<div class="content"></div>
</div>
CSS:
.wrap {
width: 200px;
height: 100px;
background-color: #000088;
}
.content {
width: 50%;
height: 50%;
margin-top: 50%;
background-color: #889B4A;
}
经典CSS面试题如上,问height和margin-top的值?
height为50px,margin-top为100px;
邮件发出三天了,未收到回复,官网也未见更正!
问题链接:[CSS margin-top 属性](https://www.w3school.com.cn/cssref/pr_margin-top.asp)
参考链接:[margin-top](https://developer.mozilla.org/zh-CN/docs/Web/CSS/margin-top)
默认子元素块的margin继承自父级块的水平方向尺寸,除非手动设置改变CSS世界纵横规则的writing-mode属性;
writing-mode这个冷门CSS3属性一般很少使用,因为他是用来改变块内容布局(如:古诗词的从右至左,从上到下);
只是margin的继承自父级块的布局模式,故而会影响到margin尺寸及外边距重合布局!
margin-top: margin-bottom: padding-top: padding-bottom: border-top: border-bottom 如果用%都是参照父级块的水平方向尺寸
您好,我是有问必答小助手,您的问题已经有小伙伴解答了,您看下是否解决,可以追评进行沟通哦~
如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~
ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632