css – 如何在每个上面放置两个div

前端之家收集整理的这篇文章主要介绍了css – 如何在每个上面放置两个div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法从同一点开始绘制div?这意味着如果我添加新的div然后我添加另一个div,它们将出现在彼此之上。因为我想根据同一点将它们全部移动到一起。

CSS:

#num1,#num2{
    display : inline
    position:relative;
    left:50px;
}

HTML:

<div id='container'>
    <div id='num1'></div>
    <div id='num2'></div>
</div>

那么我应该在这段代码添加什么呢?所以当浏览器渲染这段代码时,2个div将在同一个地方?

解决方法

关于绝对定位的所有陈述都是正确的然而,人们没有提到你需要位置:父容器上的亲戚。
<div id='container'>
    <div id='num1'></div>
    <div id='num2'></div>
</div>

支持CSS:

#container { position: relative; }
#num1,#num2 { position: absolute; left: 50px; }

根据您想要的顶部元素,您可以将z-index应用于绝对定位的div。较高的z-index使元素更具重要性,将其置于其他元素的顶部:

/* num2 will be on top of num1 */
#num1 { z-index: 1; }
#num2 { z-index: 2; }
原文链接:https://www.f2er.com/css/218016.html

猜你在找的CSS相关文章