自己可以测试下,然后分析下自己的东西为什么,和这边关系对照下!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
<style type="text/css">
#left {
width: 200px;
height:400px;
float: left;
background:#999;
margin-right:10px;
}
#right {
background: blue;
width: 400px;
height: 400px;
float: left;
}
#box1 {
position: relative;
}
#box2 {
background: orange;
width: 300px;
height: 300px;
}
.myli {
position: relative;
}
#mybox {
z-index: 9999;
position: absolute;
width: 200px;
height: 200px;
margin-left: 30px;
background: red;
}
</style>
</head>
<body>
<div id="left">
<ul>
<li class="myli">列表</li><span id="mybox"></span>
</ul>
</div>
<div id="right">
<div id="box1">
<div id="box2">
</div>
</div>
</div>
</body>
</html>
分享到:
相关推荐
在父标签中使用了overflow:hidden;时,如果子标签中有元素的position设置成relative的时候,在IE6和IE7中父元素的overflow对其将不起作用,其实将父标签的position也设置成relative便可解决此问题
引用 static : 无特殊定位,对象遵循HTML定位规则 absolute : 将对象从文档流..."对于页面中一个static的div#demo,我想让这个#demo里的一个div#sub相对于#demo定位在右上角的某个地方,应该是用这个position:relative
微信小程序----position:sticky:通过position:fixed与position:relative切换。
回想在网上看过的一篇文档,大意就是,如果在IE7中使用position:relative属性,需要在该元素的容器上,同时给予position:relative属性。 我给了。大按钮上的链接都恢复了。但是”css”"js”"seo”3个小按钮上没有...
NULL 博文链接:https://snowelf.iteye.com/blog/1265006
这样把“修改地址”移到右边去了,不过在此之前需要在li标签添加position:relative才行。html如下: 复制代码代码如下: ”addr_list”> ”on”>寄送至</span><input type=”radio” name=”addr” />廣東省...
今天发现自己做的一个项目中有个图片切换的下面的按钮不是固定个数,程序那边根据循环实现放几个切换的按钮,但是按钮相对于整体的要居中,刚开始想着用display:inline-block;实现,但是ie6和ie7对块...关于position:r
position:relative/absolute无法冲破的等级
用户的屏幕越来越大,而页面太宽的话会不宜阅读,所以绝大部分网站的主体宽度和之前相比没有太大的变化,于是浏览器中就有越来越多的空白区域,所以你可能注意到很多网站开始在滚动的...position:sticky为此而生,接下来
这个内容是老生常谈了,主要问题就是IE6不支持 position:fixed 引起的BUG.当我们去搜索解决这个bug的垮浏览器解决办法时,绝大多数结果都是说使用 position:absolute 来替代解决,可是我们真的解决了么?没有,因为当页面...
position:absolute属性在其他浏览器中都是正常的,但惟独在ie6下有问题,下面是经过测试可行的解决方法
position: relative; position: absolute; position: fixed; } 在https://developer.mozilla.org/zh-CN/docs/Web/CSS/position还说了下面这三个值: /* 全局值 */ position: inherit; position: initial; position:...
今天在看CSS的时候遇到了position: absolute、relative的问题,一直比较迷糊,今天终于搞清楚了。
position: relative" Text="用户名"></asp:Label> <asp:TextBox ID="txtname" runat="server" Style="left: 29px; position: relative; top: 3px" Width="137px"></asp:TextBox> <asp:RequiredFieldValidator ...
详细讲解heml中position、absolute、relative层叠加的技巧
position: relative; } .egg ul li { z-index: 999; } .eggList { padding-top: 110px; position: relative; width: 660px; } .eggList li { float: left; background: url(images/egg_1.png) ...
position:fixed;实现底层页面不跟随浮层模块滚动