Javascript 具有绝对位置的div中的Popover位置

我对popover的位置有问题

这就是它的样子：

它应该是这样的：

带

位置：相对

在时间表上，popover可以工作，但时间表不能：

代码：

在我的html文件中，有一个div的位置是：relative

    <div id="bg-timetable" class="bg-timetable"/>

你能帮我吗？

好的，我修一下：

function createDivEvent(event) {
        var start = new Time(event.startTime);
        var end = new Time(event.endTime);

        var div = document.createElement("div");
        div.id = event.id;
        div.innerHTML = event.subject.name + " (" + event.place.name + ")";

        var a = document.createElement('a');
        a.setAttribute('tabindex', "0");
        a.setAttribute('data-toggle','popover');
        a.setAttribute('data-content','Some content inside the popover');
        a.setAttribute('title',div.innerHTML);
        a.setAttribute('data-placement',"top");
        a.appendChild(div);
        a.style.top =  start.getPercent() + "%";
        a.style.height = (end.getPercent() - start.getPercent()) + "%";
        a.classList.add("event");

        var d = new Date(event.date)
        document.getElementById(weekday[d.getDay()]).appendChild(a);
    }

Css:

---

你想发生什么？当我点击我的div和subject时，我想在时间表中显示关于这个主题的详细信息。像这样：或者这样：好的。我觉得这更清楚了一点。：）如果你接受你的答案，那么很明显你已经解决了你的问题，也许这会是有益的。（如果您决定执行此操作，请执行：）--单击[upvote/downvote]箭头下方的绿色复选标记。）很高兴您解决了问题。：）

function createDivEvent(event) {
        var start = new Time(event.startTime);
        var end = new Time(event.endTime);

        var div = document.createElement("div");
        div.id = event.id;
        div.innerHTML = event.subject.name + " (" + event.place.name + ")";

        var a = document.createElement('a');
        a.setAttribute('tabindex', "0");
        a.setAttribute('data-toggle','popover');
        a.setAttribute('data-content','Some content inside the popover');
        a.setAttribute('title',div.innerHTML);
        a.setAttribute('data-placement',"top");
        a.appendChild(div);
        a.style.top =  start.getPercent() + "%";
        a.style.height = (end.getPercent() - start.getPercent()) + "%";
        a.classList.add("event");

        var d = new Date(event.date)
        document.getElementById(weekday[d.getDay()]).appendChild(a);
    }

a.event {
    position: absolute;
    width: 95%;
    background-color: lightblue;
}