Question

I have a ul/li which is only visible with onkeyup event.
If an input field is empty the ul/li disappears (hide), all is done with plain JavaScript and Jquery.
The problem is that I want to position a div underneath the ul/li (when it is visible).
How do I do that? Should I use CSS like position:absolute/relative/fixed (which didn’t work so far), or do I have to use JavaScript for this?

Answer 1

You have two options with pure CSS:

1) Use absolute position.

2) Give parent element relative position and your div (child) absolute position so that child does not escape out of parent. Finally use top, left, bottom, right properties to position element exactly where you want.