css - 用Top : -px定位

标签 css

我使用 top: -50px; 将 div 重叠(div2 在 div1 之上)将其向上推。现在它在下一个 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>

最佳答案

margin-top: -50px 添加到您的 #div3:

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

fiddle :http://jsfiddle.net/N7z6e/

关于css - 用Top : -px定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13635324/

相关文章:

asp.net - Internet Explorer : whitelines around pictures, 缺少图片

css - 使用内联 Css 覆盖 primefaces 中的用户定义的 css

php - 如何在 Wordpress wp_nav_menu 中添加 link_after 和 lin_before 类?

html - <button> 的动画悬停状态无法按预期工作

css - Bootstrap 显示列彼此相邻

带有CSS问题的PHP随机DIV

php - 通过 css 根据输入的 id 或标题显示图像

javascript - 我可以使用 Jquery 查找元素并将其 CSS 宽度设置为当前宽度 - x 吗?

jquery - 一起使用 jQuery Mobile 和 bootstrap 时页脚无法正常工作

jquery - 导航栏在到达滚动点之前坚持到顶部,直到重新加载页面才会返回