为了账号安全,请及时绑定邮箱和手机立即绑定

为什么绝对元素相互叠加而不是一个接一个地堆叠?

为什么绝对元素相互叠加而不是一个接一个地堆叠?

慕容3067478 2019-08-19 14:37:16
为什么绝对元素相互叠加而不是一个接一个地堆叠?怎样才能既#row1并#row2在下面的代码是可见的,一前一后垂直,仿佛根本没有什么absolute/relative定位参与?<body>   <div class="container">     <div id="row1" class="row">       <div class="col1">Hello</div>       <div class="col2">World</div>     </div>     <div id="row2" class="row">       <div class="col1">Salut</div>       <div class="col2">le monde</div>     </div>   </div>body {position:relative;}.container {position:absolute;}.row {position:relative;}.col1, .col2 {position: absolute;}http://jsfiddle.net/wjrNQ/更新由于此处排除的原因,我需要在CSS规则中提供定位的元素。所以我的问题是,如果不删除上面的CSS就可以实现我正在寻找的东西吗?.row div即将两者视为“正常” block元素。更新2如果指定了足够的高度px,则结果具有预期的外观。但内容是programmitacacally动态所以我不知道事先的高度:(
查看完整描述

3 回答

?
泛舟湖上清波郎朗

TA贡献1818条经验 获得超3个赞

如果不修改CSS position属性,则无法实现。但是,如果不触及现有的CSS,您可以使用更具体的选择器覆盖它

.row .col1, .row .col2 {
    position: relative;}

JSFiddle


查看完整回答
反对 回复 2019-08-19
  • 3 回答
  • 0 关注
  • 541 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信