Is it possible to position an element relative to the border-box of its parent?
Posted
by
Timwi
on Stack Overflow
See other posts from Stack Overflow
or by Timwi
Published on 2014-08-18T15:45:28Z
Indexed on
2014/08/18
16:22 UTC
Read the original article
Hit count: 207
Consider the following jsfiddle for reference:
As you can see, the “inner” box (with the red border) is positioned relative to the outer’s padding-box: left:0
positions it just to the right of outer’s border, and top:100%
appears to mean “100% of the content plus padding, but not the border”.
Unfortunately, adding box-sizing: border-box
to the outer div seems to have no effect.
I want to position a child element directly below its parent’s border-box, i.e. the two borders should abut no matter how thick they are. Is this possible?
© Stack Overflow or respective owner