css - How do I place <a>-block into right-bottom angle of current <div>? -
i have <div>
news , need place author right-bottom corner.
i tried use
<a href="..." style="position: relative; right: 0; bottom: 0;">autnor name</a>
but isn't working.
i have not more ideas it. thanks
there 3 position types @ play here: static, relative, , absolute.
all elements default static.
absolute elements positioned relative closest parent isn't statically positioned. why people position element "relative" without intending change position.
so, in case, #b
positioned relative body (well document, technically).
<body> <div id="a"> <div id="b" style="position: absolute"></div> </div> </body>
in case, #b
positioned relative #a
.
<body> <div id="a" style="position: relative"> <div id="b" style="position: absolute"></div> </div> </body>
in case, can position this:
<article style="position: relative"> <a href="..." style="position: absolute; bottom: 0; left: 0;">the author</a> </article>
Comments
Post a Comment