开发者社区> 技术小阿哥> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

DIV相对定位

简介:
+关注继续查看
其实是个很简单的css技巧。这里记录一下基本的思路和具体的用法。
基础:
DIV的定位方法由其position属性来决定,absolute为绝对定位,relative为相对定位。定位的位置则由top、left两个 属性来确定。
无论absolute还是relative,都是相对当前div的最近的一个已定位的祖先元素来定位的。
另外,relative会在html的文档流中占据一定位置;而absolute则不会。也就是说,relative定位相当于word中的“文字 环绕图片”,而absolute则是“图片浮于文字上方”。
思路:
div的相对定位的思路很简单。嵌套的定义两个div;让外层div随页面布局而动,让里层div以外层div为基准进行绝对定位。
用法:
这是从我的工程里摘出来的一段代码。没用的东西我都删去了。
<s:textfield onfocus="showImgTip('img_e_no')"
            onblur="hideImgTip('img_e_no')"/>
           <div style="position: relative;">
            <div id="Layer2"
             style="position: absolute; left: 0px; top: 0px;">
             <img src="<%=basePath%>carChannel/images/tip_engeen_no.jpg"
              border="0" style="display: none;" id="img_e_no" />
            </div>


本文转自 斯然在天边 51CTO博客,原文链接:http://blog.51cto.com/winters1224/798926,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
定位锁定方法
定位锁定方法
40 0
Css规范整理:3.4、常规流布局:相对定位
当一个盒根据<u>常规流</u>或者<u>浮动</u>摆放好后,它可能会相对于该位置移动,称之为相对定位。 对其他盒的影响:用这种方式偏移盒(B1)的位置不影响盒(B2),遵循:给定B2位置时就当B1没有偏移,并且B2在B1应用偏移之后没有重新定位(re-positioned)。
1333 0
如何手工展开函数栈来定位问题
作者:gfree.wind@gmail.com 博客:blog.focus-linux.net     linuxfocus.blog.chinaunix.net 当程序crash的时候,我们可以通过coredump文件,来定位问题。
809 0
如何手工展开函数栈来定位问题
作者:gfree.wind@gmail.com博客:blog.focus-linux.net     linuxfocus.blog.chinaunix.net 当程序crash的时候,我们可以通过coredump文件,来定位问题。
463 0
如何手工展开函数栈来定位问题
作者:gfree.wind@gmail.com博客:blog.focus-linux.net     linuxfocus.blog.chinaunix.net 当程序crash的时候,我们可以通过coredump文件,来定位问题。
555 0
[20120723跟踪文件的定位.txt
[20120723跟踪文件的定位.txt在做10046跟踪的时候,经常需要定位跟踪文件的位置。alter session set events '10046 trace name context forever, level 8';11g下,在v$process加入了tracefile字段。
532 0
13688
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载