我有两个叠瓦式 div，子 div 与 ots 父级的左上角对齐。它可以是任何其他地方。在修复 top:10 时，如何强制 subdiv 将其父级填充考虑在内。如果父级有 20 的顶部填充，我希望子 div 自动考虑到这一点并将其自身放置在距离父级顶部 20+10 的位置。
此问题仅适用于 IE8。
以下示例适用于 IE11 和 FF25，但不适用于 IE8。
<HTML>
<HEAD>
<style>
DIV.A {
width:150px;
border:1px solid black;
position:relative;
padding:20px;
}
DIV.B {
position:absolute;
top:10;
left:0;
padding:inherit;
}
</style>
</HEAD>
<BODY>
<DIV class="A"> some text to see what happens
<DIV class="B">aaaaaaaa</DIV>
</DIV>
</BODY>
</HTML>
最佳答案
对于正常的 CSS 最佳实践，您的要求有点奇怪，因为您说的是“当”div.a 具有 padding-top: 20px 。 CSS 不是这样动态的，除非您使用 javascript 来调整 div.a 的 padding-top，在这种情况下您可以使用 javascript 更改它。但是，如果您希望 div.a 和 div.b 具有相同的 padding-top，那么您只需在 CSS 中声明即可:
div.a, div.b {
padding-top: 20px;
}
关于CSS - 将子div相对于其父级对齐，考虑父级填充，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20408924/