一个div如何浮在另一个div之上?

Posted 阿波罗任

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一个div如何浮在另一个div之上?相关的知识,希望对你有一定的参考价值。

一个div名为div1 ,另一个名为div2。假设div2浮在div1上,设置

.div1{position: relative;}

.div2{position: absolute;}

 

这时div2就会默认浮在div1的左上角,

如果想要靠右,可以先设置div2的宽度,在设置text-align即

.div2{position:absolute;width:200px,text-align:right}//widtn是设置和div1一样的宽度

 

如果想要div2浮在div1的下方,可以设置top属性,即

.div2{position:absolute;width:200px,text-align:right,top:100px:}

 

注意:长度宽度自己调整,图大小可能不太一致,就是表达一下位置关系
————————————————
版权声明:本文为CSDN博主「bmy_1234」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/bmy_1234/article/details/81197114

以上是关于一个div如何浮在另一个div之上?的主要内容,如果未能解决你的问题,请参考以下文章

求个css样式,div浮在另一个div右上角

如何将一个 Div 放在另一个具有透明背景的 Div 上? [复制]

向上滚动时如何将一个div隐藏在另一个半透明的div后面

如何在另一个 div 内动态改变宽度的 div 上居中文本?

如何让一个div悬浮在另一个div上面,在线等

如何使用 Bootstrap 在另一个 DIV 的左侧显示 DIV [重复]