Css 为什么IE8忽略子元素'；利润率？

当我在下面的代码中将

边距添加到
时，IE8会忽略它。在现代浏览器中，同样的代码也能正常工作。这是什么原因造成的



.家长{
保证金：5px；
边框：10px纯蓝色；
位置：相对位置；
}
.孩子{
利润率：10px；
边框：10px纯红；
填充：4px；
}
我是孩子！

问题在于您没有提供
doctype
，这意味着IE8不知道使用哪种渲染模式，因此默认为quirks模式。怪癖模式是必不可少的一种旧的、非标准的布局引擎，在web还很年轻的时候就使用过：

现在web浏览器中的布局引擎使用三种模式：怪癖模式、几乎标准模式和完全标准模式。在“怪癖”模式下，布局模拟Navigator 4和Internet Explorer 5中的非标准行为。为了支持在web标准广泛采用之前构建的网站，这一点至关重要。在完全标准模式下，行为（希望）是HTML和CSS规范描述的行为。在几乎所有的标准模式中，只有极少数的怪癖被实现

怪癖模式和标准模式（）

浏览器以不同的方式处理缺少
doctype
的问题，您应该始终确保在HTML开头指定一个，以确保页面呈现的一致性。在撰写本文时，我会推荐HTML5
doctype
，因为它很短，很清晰，而且早在IE6就得到了支持



.家长{
保证金：5px；
边框：10px纯蓝色；
位置：相对位置；
}
.孩子{
利润率：10px；
边框：10px纯红；
填充：4px；
}
我是孩子！

IE8不是现代浏览器：）请包含完整代码（包括HTML）。无法用提供的样式复制此内容。好的！我更新了我的代码！伙计们，请再检查一遍！