javascript - 如何将div定位在动态ul下面

标签 javascript jquery css

我有一个 ul/li,它只在 onkeyup 事件中可见。 如果输入字段为空,则 ul/li 会消失(隐藏),所有操作均使用纯 JavaScript 和 Jquery 完成。 问题是我想在 ul/li 下方放置一个 div(当它可见时)。 我怎么做?我应该使用像 position:absolute/relative/fixed 这样的 CSS(到目前为止还没有用),还是我必须为此使用 JavaScript?

最佳答案

纯 CSS 有两种选择:

1) 使用绝对位置。

2) 给父元素 relative 位置和你的 div (child) absolute 位置,这样 child 就不会脱离父元素。最后使用 topleftbottomright 属性将元素准确定位到您想要的位置。

关于javascript - 如何将div定位在动态ul下面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6961098/

相关文章:

html - 我无法在 Bootstrap 选项卡中添加新的列表项

javascript - 如何在打开第二个屏幕后关闭第一个屏幕

javascript - 如何获得 jQuery 中某个类的所有表行的总和?

javascript - jQuery UI Sortable - 获取当前移动的 div ID

javascript - 如何在hapi中获取登录用户的详细信息

javascript - 是否可以将多个输入字段值存储在一个 session 存储中并使用 session 存储在第二页中检索?

javascript - 如何制作这个加载动画?

针对 Gecko 引擎优化的 jQuery 库

javascript - 使用 setInterval 和随机数生成时遇到问题

javascript - 如何将CSS应用于没有类的div?