Question

这是我的应用： http://www.aproov.com/product/meeting-demo/index.html

持有小部件的容器是div，每个小部件实际上由元素内的li元素组成。

我想要的是容器内的4个背景柱，从容器顶部延伸到底部并用颜色填充。目前，您可以通过单击其标题文本来拖动小部件。

我不确定添加列的最佳解决方案。每列的宽度是小部件的宽度。起初，我想也许我可以在容器中添加一个div表，并以某种方式使元素的东西只是＆＃34; float＆＃34;在它的上面。这看起来有点复杂。另一个解决方案是使用HTML5画布并只绘制列。

有什么建议吗？

Answer 1

我只是将您的背景列创建为div s，其高度为100％，宽度为25％，并将它们放在父级div内，其高度和宽度均为100％，绝对位于0 ，0在主容器div中。类似的东西：

<div id="container"> <!-- main container -->
    <div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>
</div>

#container > div {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

#container > div > div {
    height: 100%;
    width: 25%;
    float: left;
}

添加列作为背景

1 个答案: