我正在开发一个 js 播放器,但搜索栏不想发挥得很好。您可以在页面加载时看到两个,它们都工作正常。现在,单击带有播放图像的第一个或第二个 div,将会出现一个栏。当您单击此处时,该栏并不精确。差了几个像素。
this.offsetLeft 给了我 0 而不是 10,这打破了这一点。我如何解决它?
-编辑-我仍然不明白为什么,但我决定再看一遍,并删除了我粘贴的随机CSS。我删除了这一行并且它起作用了。我不确定该块的作用,但我知道如果没有那条线,它目前看起来是一样的。玩家还没有完成,所以也许我需要这个并重新审视这个问题
position:relative;
Run Code Online (Sandbox Code Playgroud)
该position:relative样式通常用于使元素成为绝对定位子元素的“原点”。换句话说,子元素position:absolute根据相对父元素的位置计算其位置。(而不是窗口的)这样子元素无论放置在哪里都会跟随父元素。
相对定位还允许您使用“左”和“顶”来调整元素的正常位置。
该样式还可用于修复 Internet Explorer 中的定位和滚动错误。