Aparência incorreta do CSS do raio da borda em uma div aninhada
Usando o seguinte HTML, preciso:
Verifique se a borda dotarget div
(rosa) é adjacente aowrapper-target
div borda vermelha
Deve funcionar com qualquer valor de raio da borda.
Considerando que:
estou usandobox-sizing: border-box;
mas também pode ser redefinido para um valor padrão.Eu não posso mudar oborder-radius
propriedade dotarget
div.*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
<div id="wrapper-target" style="position:absolute;top:100px;left:100px;width:250px;height:250px;border-radius:50px;border:25px solid red;">
<div id="target" style="position:relative;width:100%;height:100%;background-color:plum;border-radius:inherit">
</div>
</div>
NOTAS:
Não preciso fazer um círculo neste exemplo específico :).