当前位置: 首页 > 知识库问答 >
问题:

html5 - 咨询一个CSS层定位的问题?

伯庆
2024-04-15
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>Document</title></head><body>    <style type="text/css">        .container {            position: relative;        }        .nobox {            width: 100px;            height: 100px;            background-color: green;        }        .box {            position: absolute;            width: 100px;            height: 100px;            background-color: red;        }        .boxs {            width: 100px;            height: 100px;            background-color: yellow;        }    </style>    <div class="container">        <div class="nobox">Box 0</div>        <div class="box">Box 1</div>        <div class="boxs">Box 2</div>    </div></body></html>

image.png

Box 2跑到Box 1下面去了,我需要的是Box 2在Box 1下面的地方,而不是被其遮挡?

共有3个答案

韶浩博
2024-04-15
<div class="container">  <div class="nobox">Box 0</div>  <div class="box">Box 1</div>  <div class='boxs'></div>  <div class="boxs">Box 2</div></div>

image.png

东方智敏
2024-04-15

把父元素的高度定死,把Box2定位定下去,absolute导致的高度塌陷css其他方法没啥用

酆翔宇
2024-04-15

给box1 加个 z-index: -1;

 类似资料:
  • 问1:一个统计ID能不能放多个网站? 答:可以,但是统计的数据是叠加的 问2:为什么访问来路IP不一样都显示直接输入网址访问? 答:当来源的IP识别不出关键语句时,就会默认来路是直接输入网址访问 问3:我试验从搜索引擎进入我的网站,为什么IP不会增加? 答:基于IP的防作弊措施,在一天之内,同一个IP地址的用户只有第一次访问您的网站的时候才会记录下IP值,也只有这个时候“访问量”才会增加 问4:为

  • all内包含left,right,其中因为left内容多,所以all整体是有上下滚动的滚动条的,怎么使right一直固定显示。

  • 1、 重连问题 什么时候会重连? A.超时注销:VPN服务器设置超时注销时间,如30分钟。手机端与VPN服务器30分钟无数据交互,服务端就会注销此用户。 B.私有用户互踢:多台设备同时登陆私有账号,而SDK后台有重连机制,被注销又会重新登录,导致多台终端设备互踢。 C.管理员主动注销:在VPN服务器,管理员主动注销在线用户。 如何重连? VPN服务器注销用户后,SDK并不会立即触发重连。只有用户访

  • 我有一个小问题与框周围的一些文本区域我的网站。如果你看我的图片(右框),右边框不够长,下边框和左边框不在同一高度……但我愿意! 以下是HTML: null null 我试着把一个div放在那2个div之前,但不喜欢结果。

  • css问题 下面代码 为什么ul使用绝对定位居中 a元素变成块元素 文字会垂直 代码 为什么用绝对定位居中宽度展示文字会被挤下去 如下图 如果用flex布局居中就是没问题 代码如下图 效果如下图

  • 我们正在将我们的大量基于eureka的微服务转移到基于领事的发现。 我们使用的尤里卡版本的春云有一个特点。您可以注册一个特定的主机名,比如“hostname: blah”。 spring cloud consul版本中是否存在类似的功能?