当前位置: 首页 > 面试题库 >

将DIV堆叠在一起?

吕衡
2023-03-14
问题内容

是否可以堆叠多个DIV,例如:

<div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>

这样所有这些内部DIV都具有相同的X和Y位置?默认情况下,它们都相互降低,将Y位置增加最后一个上一个DIV的高度。

我感觉某种漂浮物或展示物或其他技巧可能会咬人?

编辑:父DIV具有相对位置,因此,使用绝对位置似乎不起作用。


问题答案:

根据需要定位外部div,然后使用绝对值定位内部div。他们都会堆积起来。

.inner {

  position: absolute;

}


<div class="outer">

   <div class="inner">1</div>

   <div class="inner">2</div>

   <div class="inner">3</div>

   <div class="inner">4</div>

</div>


 类似资料:
  • 问题内容: 我有一个这样的清单: 使用css向左浮动,在html中看起来像这样: 是否可以将div样式设置为如下所示: 希望有人能帮忙,谢谢! 问题答案: @时髦; 您可以为此使用css3 属性 CSS: 注意: 它在IE中不起作用。

  • 柱形图和面积图可以设置成堆叠的形式,堆叠后同一个分类下的数据不再是水平依次排列而是依次从上到下堆叠在一起。 堆叠有两种形式,普通的堆叠和按百分比堆叠;普通堆叠是按照数值大小依次堆叠,百分比堆叠是按照数值所占百分比进行堆叠。 下面是堆叠图和百分比堆叠图例子: 图 5-1 堆叠图 图 5-2 百分比堆叠图 通过指定柱形图或面积图的 stacking 属性即可是图形堆叠,示例代码如下: plotOpit

  • 我在一个在线编码挑战中遇到了这个问题。 给定一个长度和宽度为(l,h)的盒子列表,输出包含所有盒子所需的最少堆叠数量,如果一个盒子的长度和宽度小于另一个盒子的长度和宽度,则可以将一个盒子堆叠在另一个盒子的顶部。 我不知道如何想出一个多项式时间解决方案。我已经构建了一个蛮力解决方案,它递归地创建所有可能的堆栈排列(从N个堆栈开始。然后对于每个堆栈,尝试将其放在其他堆栈的顶部。然后递归地生成给定新堆栈

  • 问题内容: 我真的是Java Java编程的新手,我做了很多研究,但找不到这个问题的答案。 我有一个简单的用一个菜单,这里面我有一个日志的形式(分别为用户输入自己的用户名和密码),然后我想改变这种状况到另一这取决于用户想做的事情。 最好的方法是什么?我认为堆叠是可以的。但是在Netbeans中添加新内容后,它们不会堆叠。我读过某个地方应该使用Z排序或类似的命令,但在设计器视图中找不到它。 好吧,非

  • 在这篇 Matplotlib 数据可视化教程中,我们要介绍如何创建堆叠图。 堆叠图用于显示『部分对整体』随时间的关系。 堆叠图基本上类似于饼图,只是随时间而变化。 让我们考虑一个情况,我们一天有 24 小时,我们想看看我们如何花费时间。 我们将我们的活动分为:睡觉,吃饭,工作和玩耍。 我们假设我们要在 5 天的时间内跟踪它,因此我们的初始数据将如下所示: import matplotlib.pyp

  • 堆叠布局需要一个二维的数据数组,并计算基准线;这个基准线会被传到上层,以便生成一个堆叠图。支持多个基线算法,以及启发式的排序算来可以提高感知灵敏度,就像拜伦(Byron)和瓦腾伯格(Wattenberg)在“Stacked Graphs—Geometry & Aesthetics”(http://www.leebyron.com/else/streamgraph/download.php?file