相对于绝对的定位

作者：创新互联文章来源：网站建设部点击数：更新时间：2010-09-21
　　设计们在使用Dreamweaver进行网页制作时，有没有发现这样一个问题：当表格居中后又插入了层（单击“常用”工具栏中的“描绘层”按钮）的时候，分辨率一旦改变（1024*768），或窗口最大化之后，层就错位了。对于网站建设新手来说，如果不懂得其中的缘由，恐怕只有头疼了。今天成都创新互联网站建设的小编就跟大家一起来探讨这个问题。

　　首先，小编要说说这种情况：如果大家是使用菜单插入层的话，这个层就会与它们的上级元素相对定位，但是一旦在Dreamweaver中用移动工具动了它，他就会马上变成绝对定位，不会再与上级元素相对定位了。根据这点，我们可以采取这样的措施：

　　1、通过工具栏面板插入的层是绝对定位的层，这个绝对定位指的是层的左上角与浏览器窗口内部的左部、顶部距离，代码中的写法是left与top。

　　2、通过菜单插入的层是相对定位的层，这个相对定位指的是层与它的上级元素的距离（它的上级元素的左上角），由于在div中不再哟left和top的属性，所以浏览器把它的位置定为与它的上级元素相同。
现在层已经相对定位了，可是这样完全不能满足要求，因为很多时候不能把表格设定得那样准确，否则会把表格搞得很麻烦，代码也会很长。

　　如果在上面做出的相对定位的层的基础上再做一个层对它相对定位，就可以解决问题了。这就涉及到了父层与子层的问题，父层相对于某点定位，而子层相对于父层定位，从而达到了层的相对定位。

　　物力学上，老师教我们力是相互的，运动是相对的，在网站建设上，也是有这些理论的运用。所以啊，不要感叹自己在学校都是学的一些没有的知识，只是大家要学会灵活运用而已。成都创新互联网站建设，您的网站建设好朋友！
网站建设的七大误区你知道吗？ :上一篇
什么网站算好站? :下一篇

网站建设

服务器租用

企业邮箱

虚拟主机

网站程序

营销推广

域名注册

前端开发

网站备案

移动互联网

相对于绝对的定位

相对于绝对的定位

网站制作相关文章