网页设计中相对定位的特点（网页设计中相对定位的特点有哪些）
本文目录一览：
css中的绝对定位和相对定位
1、position：absolute这个是绝对定位；是相对于浏览器的定位。比如：position：absolute；left：20px；top：80px； 这个容器始终位于距离浏览器左20px，距离浏览器上80px的这个位置。
2、Absolute，CSS中的写法是：position：absolute； 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT（下面简称TRBL）进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。
3、CSS元素定位主要有四种类型：静态定位（Static）、相对定位（Relative）、绝对定位（Absolute）和固定定位（Fixed）。 静态定位（Static）：这是元素的默认值，即元素在文档的正常流中定位。
4、绝对定位：其实只要记住相对定位是相对于自己本身就可以了，而绝对定位就是找他的定位过的父元素，简单讲就是他的父元素有加过position即可。
网站怎么设计?
1、专业人士一般用Dreamweaver来做网页，用flash、firework等来美化网页，有兴趣的可以下载网页三剑客Dreamweaver、flash、firework来试试。
2、在设计网站页面进一定要简洁、美观、大气、高端、上档次，总之就是一定要有冲击力，如果设计过于太简单，没有自己的特色，就不会引起用户的注意。
3、设计风格定位 为了保证制作的网站可以符合客户企业的信息，我们可以通过独特的视觉传达系统来吸引浏览者的注意，并使特定的信息可以准确快速的传播。
dreamweaver绝对定位和相对定位的问题
据对定位是将元素从原来的位置拖出来，不占据文档流，在原来位置不会留下占位框。但是绝对定位在窗口大小不同、分辨率不同时会出现错位。
上面的办法有点问题，如果第一个图层做父图层，在下面还嵌套有图层的话。嵌套的图层不能按绝对定位方式定位。在不通分辨率下显示还会出现变形。
绝对定位（absolute）第一个特征就是会从文档流中脱离，不占据任何空间。它的定位属性也是跟相对定位一样，通过top、left、right、bottom来进行规定，如下图。
但是一旦在Dreamweaver中用移动工具动了它，它就会马上变成绝对定位，不会再与上级元素相对定位了。
css中的绝对定位和相对定位有什么区别?
1、css中的绝对定位和相对定位的区别：position： absolute，绝对定位。position： relative，相对定位。position：absolute，float会隐式地改变display的类型（display：none除外）。
2、一：绝对定位 position： absolute；绝对定位：绝对定位是相对于元素最近的已定位的祖先元素（即是设置了绝对定位或者相对定位的祖先元素）。如果元素没有已定位的祖先元素，那么它的位置则是相对于最初的包含块（body）。
3、相对定位是默认的定位方式。是相对于其他元素的一种定位方式，当附近有元素占据空间时，会根据当前元素的空间确定位置，会受到其他元素的影响。绝对定位，是相对于父层及以上具有定位方式的元素进行定位，不受其他元素的影响。
4、可以通过z-index进行层次分级。定位不同 absolute是绝对定位，绝对定位就是相对于父元素的定位，不受父元素内其他子元素的影响；而relative是相对定位，相对定位是相对于同级元素的定位，也就是上一个同级元素。
5、绝对定位 相对定位中的「top」、「right」、「bottom」和「left」被用于设定相对于该元素原本所在位置的偏移量，而绝对定位的这四个属性则不太一样。
6、绝对定位就是相对于父元素的定位，不受父元素内其他子元素的影响；而相对定位是相对于同级元素的定位，也就是上一个同级元素。
