Is it possible to position an element relative to the border-box of its parent?
- by Timwi
Consider the following jsfiddle for reference:
http://jsfiddle.net/apmmw2ma/
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?