Question

怎样将div叠加

如图，我想在蓝色区域的下方居中位置上插入导航条怎样写divd的位置？？？

Answer 1

将div叠加的操作方法和步骤如下：

1、首先，打开vscode并创建一个html页面，如下图所示。

2、其次，完成上述步骤后，在测试页的同一目录中添加演示图片，如下图所示。

3、接着，完成上述步骤后，在测试页上添加div标签，在标签内添加img图片标签，然后设置图片的src地址，如下图所示。

4、然后，完成上述步骤后，在div的标签中，直接编写css样式，将div的宽度设置为500像素，将高度设置为300像素，并将边框设置为1像素的红色框。再次在浏览器中将其打开，可以看到图片，但不会填充整个div的空间，如下图所示。

5、随后，完成上述步骤后，如果要使图片充满整个div，则只需将图片的高度和宽度设置为100％。为了演示起见，将所有img标签设置为100％，并使用外部CSS书写形式，如下图所示。

6、接着，完成上述步骤后，如果图像使用背景图像而不是img标签的形式，则图像将默认在x和y轴上重复，并且不会拉伸，并最终仍然填充该div的空间，如下图所示。

7、最后，完成上述步骤后，如果要拉伸背景图像以填充整个div空间，则需要设置背景图像，background-size：100％ 100％，如下图所示。这样，问题就解决了。

Answer 2

兰色背景的DIV的样式加个相对定位：position:relative属性，紫色是导航部分吧？给他加个绝对定位：position:absolute;然后你可以用left;right;top;bottom；等属性给他准确定位位置

Answer 3

<div style="position:relative; width:100px; height:100px;">
<div style="position:absolute; width:100px; height:100px; top:0; left:0; z-inden:1;" background:#03f;></div>
<div style="position:absolute; width:10px; height:100px; bottom:0; left:0; z-inden:2; background:#f00;"></div>
</div>

Answer 4

楼上的。。。那是粉色。。。