html – 具有相对位置和负顶值的元素下方的元素保持不变

概述我有3个元素一个在另一个上面.如果我给第二个(粉红色)一个相对位置和负顶值它超过第一个.但第三个没有“跟随”,仍然保持原样： HTML： <div id='div1'>text</div><div id='div2'>text</div><div id='div3'>text</div> CSS： div { padding: 50px;}#div1 { backgroun 我有3个元素一个在另一个上面.如果我给第二个(粉红色)一个相对位置和负顶值它超过第一个.但第三个没有“跟随”,仍然保持原样：

HTML：

<div ID='div1'>text</div><div ID='div2'>text</div><div ID='div3'>text</div>

CSS：

div {    padding: 50px;}#div1 {    background: yellow;}#div2 {    background: pink;    position: relative;    top: -50px;}#div3 {    background: gray;}

Fiddle

如何使第三个和它下面的任何其他元素“跟随”粉红色元素？

解决方法 我不确定你想要达到什么目标,但我希望我能做到这一点.
在你的第三个< div>中给出以下CSS：.检查:)

position: relative;   top: -50px;

要么,

margin-top: -50px;

其他方式,

div {    padding: 50px;}#div1 {    background: yellow;    wIDth:100%;}#div2 {    background: pink;    position: relative;    top: -50px;    wIDth:100%;    float:left;}#div3 {    background: gray;    wIDth:100%;}

@L_419_2@

总结

以上是内存溢出为你收集整理的html – 具有相对位置和负顶值的元素下方的元素保持不变全部内容，希望文章能够帮你解决html – 具有相对位置和负顶值的元素下方的元素保持不变所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。