mansion_sun 2021-05-20 10:39 采纳率: 100%
浏览 41
已采纳

w3school margin-top取值%描述正确吗?

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)

  • 写回答

3条回答 默认 最新

  • mansion_sun 2021-05-20 11:30
    关注

    默认子元素块的margin继承自父级块的水平方向尺寸,除非手动设置改变CSS世界纵横规则的writing-mode属性;

    writing-mode这个冷门CSS3属性一般很少使用,因为他是用来改变块内容布局(如:古诗词的从右至左,从上到下);

    只是margin的继承自父级块的布局模式,故而会影响到margin尺寸及外边距重合布局!

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥30 STM32 INMP441无法读取数据
  • ¥100 求汇川机器人IRCB300控制器和示教器同版本升级固件文件升级包
  • ¥15 用visualstudio2022创建vue项目后无法启动
  • ¥15 x趋于0时tanx-sinx极限可以拆开算吗
  • ¥500 把面具戴到人脸上,请大家贡献智慧
  • ¥15 任意一个散点图自己下载其js脚本文件并做成独立的案例页面,不要作在线的,要离线状态。
  • ¥15 各位 帮我看看如何写代码,打出来的图形要和如下图呈现的一样,急
  • ¥30 c#打开word开启修订并实时显示批注
  • ¥15 如何解决ldsc的这条报错/index error
  • ¥15 VS2022+WDK驱动开发环境