Question

我的网站已经以某种方式构建。它大致看起来像这样，但有更多的行。这些行是根据从数据库中提取的信息量生成的。

代码看起来有点像这样，

<html>
<body>
    <div class='master'>
        <div class='dates'>
            <!-- Left side of first internal div -->
            <div class='ResourceHeader'>
                <p>Resource</p>
            </div>
            <!-- Right side of first internal div -->
            <div class='DatesHeader'>
                <div class='dates'>
                    <p>Date1</p>
                </div>
                <!-- Insert more dates -->
            </div>
        </div>
        <div class='secondRow'>
            <!-- Left side of second row -->
            <div class='Resource1'>
                <p>P1</p>
            </div>
            <!-- Right side of second row -->
            <div class='date1'>
                <p>D1</p>
                <!-- Insert more dates -->
            </div>
        </div>
        <div class='thirdRow'>
            <!-- Left side of third row -->
            <div class='Resource2'>
                <p>P2</p>
            </div>
            <!-- Right side of third row -->
            <div class='date1'>
                <p>D1</p>
                <!-- Insert more dates -->
            </div>
        </div>
    </div>
</body>

我希望网站的结构如下，

我只想围绕不同divs中的元素，因为如果在左侧的div添加更多内容（日期），右侧的div将向右滚动保持不动。

有没有办法用任何东西实现这一目标？或者我必须返回并更改从数据库中提取信息后我的网站呈现方式。

或者，我可以将divs与Date1, Date2, ...和D1, D2, ...分配给一个班级，让那些divs与某个班级一起移动吗？

放入DOM后的组元素

0 个答案: