css - 如何计算边框宽度的绝对位置

Question

我在绝对位置上遇到了一些麻烦。

<div class="frame" style="position:relative; width:100px;height:100%; box-sizing:border-box; border:10px solid black;">
    <div class="problem" style="width:20px; height:100%; position:absolute; right:-20px;"></div>
</div>

问题是“.problem”是使用“.frame”的右边界而不考虑边框宽度，所以基本上它在框架内a 20px;我想知道如何让“.problem”正确使用边框边界？

Answer 1

你打错了 posiiton:absolute 应该是 position:absolute

我还为这个问题添加了一个解决方案:Is it possible to position an element relative to the border-box of its parent?

以防万一，这很有帮助!