始终将div保留在容器的左侧

时间:2018-06-08 09:10:32

标签: html css

我正在尝试为练习制作日历,但我遇到了一个我无法解决的问题。

如果您运行该示例,您会看到以下字词:Group TitleTest

当您使用滚动时,您会注意到Group TitleTest消失(当然)。

有没有办法让那些人一直留在左边。

Fiddle Link因为我无法在一个代码段中发布该演示,因为它超过了30000个字符的限制。

<li class="Groups_7b64f687">
    <div class="Group_7b64f687">
        <div class="Name_7b64f687" style="">Group Title</div>
        <div class="Tasks_7b64f687">
            <div class="Task_7b64f687">
                <div class="TaskName_7b64f687">Test</div>
            </div>
        </div>
    </div>
</li>

2 个答案:

答案 0 :(得分:0)

我认为你已经尝试了类似的东西......

您可以在style="position:fixed; left:0;"元素上使用Group_7b64f687

<div class="Group_7b64f687" style="position:fixed; left:0;">

https://jsfiddle.net/t7huqa49/

答案 1 :(得分:0)

我可以看到你已经使用过,但是已经注释掉了位置:已修复。

这是解决方案的一部分,但由于我没有时间进行调试,它在你的小提琴中不起作用。

然而,你正在制作一个网格&#39;带有行和列的数据。你真的应该使用a table with a fixed row header