html长度数值,html – Margin-top：100％得到父宽度值…奇怪

在大多数浏览器(即ff,chrome,safari)上,我有一个非常奇怪的“问题”.

这是示例代码：

html{

outline: 1px #0ff solid;

background: rgba(0,255,0.1);

}

body{

margin: 0;

padding: 0;

outline: 1px #00f solid;

background: rgba(0,0.1);

}

#aDiv{

width: 300px;

outline: 1px #f00 solid;

background: rgba(255,0.2);

}

#bDiv{

margin-top: 100%;

outline: 1px #0f0 solid;

background: rgba(0,0.1);

}

content

当您更改#aDiv宽度时,#bDiv margin-top将更改为相同的值.

我不知道它是如何可能的,高度是宽度.无论如何也许你可以解释一下我在做什么？

最好的祝福

总结

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。

小编个人微信号 jb51ccc

喜欢与人分享编程技术与工作经验，欢迎加入编程之家官方交流群！