Fatal编程技术网
  • css/
  • Css 顶部定位：-px

Css 顶部定位：-px

css

Css 顶部定位：-px,css,Css,我使用top:-50px重叠一个div（div2对div1）将其向上推。现在，在下一个div（div3）之前，它将在下面留下50px。我如何才能“清除”那个，并使div（div3）正好落在我定位的div（div2）的下方-50px <div id="div1" style="width: 1000px; height: 90px; background: red;"></div> <div id="div2" style="position: relative; t

我使用
top:-50px重叠一个div（div2对div1）将其向上推。现在，在下一个div（div3）之前，它将在下面留下50px。我如何才能“清除”那个，并使div（div3）正好落在我定位的div（div2）的下方-50px


<div id="div1" style="width: 1000px; height: 90px; background: red;"></div>
<div id="div2" style="position: relative; top:-50px; width: 1000px; height: 90px; background: blue;"></div>
<!--50 wasted pixels here-->
<div id="div3" style="width: 1000px; background: green; height:90px;"></div>



将
页边距顶部：-50px
添加到您的第3部分：






小提琴：
我将div2从顶部改为边距顶部，它自动修复了它。

<div id="div3" style="width: 1000px; background: green; height:90px; margin-top: -50px;"></div>