CSS中position属性用于指定元素的定位方法的类型staticrelativeabsolutefixedsticky静态定位positionstatic此属性未HTML元素默认定位，一个元素没有以任何特殊的方式定位，它总是按照页面的正常流程定位在此属性下，属性值topleftrightbottom和zindex对HTML元素没有影响ltdivclass=quot。

当元素有给定的高度以及宽度的时候，使用 margin auto 元素仅会水平居中，并不会进行垂直居中此时就需要设置元素的 position 为 absolute，父级元素的 position 为 relative，同时元素的上下左右都需要设置为 0HTML 代码 div class=quotboxquot div class=quotcenter1quotdivdiv code CSS 代码 box。

1首先设置要了解网页页面布局框架结构，设定宽高和边框，以及设置好class或者ID名称2打开Dreamweaver CS5，点击新建HTML3根据设定的网页布局，设置div网页结构4添加div标签的class名称，这里也可以使用ID类名5 编辑CSS控制div块的宽高和背景6 这样就可以让子元素置于底部。

CSS中positionrelative与positionabsolute的主要区别 区别概述1 相对位置与绝对位置的区别在CSS中，`positionrelative`和`positionabsolute`的主要区别在于元素的定位方式`relative`是相对于元素原来的位置进行定位，而`absolute`则是相对于最近的已定位的祖先元素进行定位若无已定位的祖先元素，则。

当你想要在HTML和CSS中调整字体位置，首先在Hbuilder编辑器中打开一个空白的HTML文件，构建基础结构创建一个包含高度宽度和背景颜色的外层，并将文字包裹在标签内，同时设定文字颜色记得保存文件，操作完成后你会在软件右侧预览到初始效果接下来，关键步骤是改变定位将的position属性设为#39relative#39。

positionabsolute的含义 在CSS中，position absolute是一种定位方式当一个元素的position属性被设置为absolute时，这个元素的位置将相对于其最近的已定位的祖先元素进行定位如果没有已定位的祖先元素，那么它会相对于初始包含块进行定位这意味着，你可以通过指定leftrighttop和bottom属性，来精确地。

1static静态定位默认值元素在正常文档流中，忽略定位声明2relative相对定位元素脱离文档流，但保持原有位置通过top， bottom， left， right定位3absolute绝对定位相对于第一个非static定位的父元素定位通过left， top， right， bottom定位4fixed固定定位相对于。

1文档流不同 elative 不脱离文档流，absolute 脱离文档流2分级不同 elative 参考自身静态位置通过 top上，bottom下，left左，right右 定位，并且可以通过zindex进行层次分级absolute通过 top，bottom，left，right 定位选取其最近的父级定位元素，当父级 position 为 static 时，ab。

这个叫做绝对定位，还有一个叫做相对定位 这个absolute相对于谁，要看前面有没有指定，如果没有指定，那它相对于的就是页面 如果它前面有个div或别的元素使用了相对定位的那个css我记不住，而在这个div里面又有个div使用了absolute，那这第2个div就相对于它的父元素了。