0

私はtop: -50px;それを押し上げるために使用してdiv（div1の上にdiv2）をオーバーラップしています。これで、次のdiv（div3）の前に50px下に残ります。それを「クリア」して、div（div3）を-50pxに配置したdiv（div2）の真下に配置するにはどうすればよいですか？

<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>
4

1 に答える 1

2

margin-top: -50px＃div3に追加：

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

フィドル： http： //jsfiddle.net/N7z6e/

于 2012-11-29T21:49:49.953 に答える