div如何定位（div如何设置位置）

本文目录一览：

• 1、div中的相对定位与绝对定位
• 2、如何使用DIV标签的定位(如何绝对定位和相对定位)
• 3、div的相对定位和绝对定位是什么意思,什么区别啊?
• 4、简述DIV块定位的四种方式?
• 5、div如何定位div里面的div如何定位

div中的相对定位与绝对定位

相对定位 相对定位是相对于自身的原始位置进行平移，如果设置position：relative；表示相对定位。z-index：值越大越在上面。注意：z-index必须加在已经定位的元素上才起作用。绝对定位 position：absolute；子容器相对于父容器的定位，如果没有父容器，则相对于body定位。

绝对定位对象可层叠，层叠顺序可通过 z-index 属性控制，z-index值为无单位的整数，大的在最上面，可以有负值（目前负值FF不支持）。相对定位（relative）：对象不可层叠，依据left，right，top，bottom等属性在正常文档流中偏移自身位置。同样可以用z-index分层设计。

特别提示图1为本例第一段代码的运行效果，可以看到，绝对定位的层和相对定位的层的定位是一样的，坐标一点，出现的位置就一样。图2为第二段代码的运行效果，可以看到，相对定位的层的坐标值是相对于其父对象(居右对齐的DIV元素)，而绝对定位的坐标仍然是相对于文档区域的左上角。

相对定位和绝对定位都是相对于父级而言，如果父级有定位（就是父级指定了相对或绝对定位），top、left等就是相对于父级，如果父级没定位，就相对于body。区别仅仅是相对定位在父级占位置，绝对定位不占位置。

如何使用DIV标签的定位(如何绝对定位和相对定位)

position：relative；如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素相对于它的原始起点进行移动。(再一点，相对定位时，无论是否进行移动，元素仍然占据原来的空间。

用绝对定位，把两个都放在一个大的DIV里面，大的设置成position：relaitve。第一个小DIV属性设置成为position：absolute； z-index：1。第二个小DIV属性设置成为position：absolute； z-index：2。width、height、left和top视情况而定。

如何定位DIV 方法一：定义div的宽度，添加样式边距：0auto 示例：标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。p可定义文档中的分区或节(pision/section)。DIV是块状标签，它里边可以放置TABLE等各种模块。

绝对定位（absolute）：当一个DIV块的位置被定义为绝对定位的时候，也就意味着它失去了文档流的位置，后面的文档流会紧跟着补上来接替它的位置。如果上下左右的绝对偏移量都是零，那么它将漂浮在原来的位置上。否则就会以浏览器的上下左右四边为基准进行偏移。

属性只能在相对布局中使用，在绝对布局中不会显示）。绝对布局也叫坐标布局，直接就可以决定子组件的绝对位置，简单直接就可以定位，但是由于设备的屏幕不一样大，适配性差，可以直接用position：absolute|绝对定位，来定义组件的位置（属性只能在绝对布局中使用，在相对布局中不会显示）。

div的相对定位和绝对定位是什么意思,什么区别啊?

1、主体不同 相对定位div如何定位：是设置为相对定位div如何定位的元素框会偏移某个距离。绝对定位：absolute 脱离文档流，通过 top，bottom，left，right 定位。特点不同 相对定位：在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其它框。

2、绝对布局也叫坐标布局，直接就可以决定子组件的绝对位置，简单直接就可以定位，但是由于设备的屏幕不一样大，适配性差，可以直接用position：absolute|绝对定位，来定义组件的位置（属性只能在绝对布局中使用，在相对布局中不会显示）。

3、绝对定位（absolute）：当一个DIV块的位置被定义为绝对定位的时候，也就意味着它失去div如何定位了文档流的位置，后面的文档流会紧跟着补上来接替它的位置。如果上下左右的绝对偏移量都是零，那么它将漂浮在原来的位置上。否则就会以浏览器的上下左右四边为基准进行偏移。

4、相对定位： 绝对定位使div如何定位你能精确地定位要素在页面的独立位置，而不考虑页面其它要素的定位设置。相对定位指你所定位的要素的位置相对于在文件中所分配的位置。例： I { position： relative； left： 40px； top： 10px } 相对定位的关键在于定位了的要素的位置是相对于它通常应在的位置进行定位。

5、相对定位就是相对于当前位置来进行定位，比如“东南方5公里”，就是从当前位置开始，往东南方向走5公里，就到达目的地，也就是说，这个目的地是不固定的，要根据当前所处位置来定。

6、相对定位和绝对定位 定位标签：position 包含属性：relative(相对)absolute(绝对)position：relative；如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素相对于它的原始起点进行移动。(再一点，相对定位时，无论是否进行移动，元素仍然占据原来的空间。

简述DIV块定位的四种方式?

当我们使用CSS-P的时候，我们主要把它用在DIV（division）tag上。当你把文字，图象，或其他的放在DIV中，它可称作为“DIVblock”，或“DIVelement”或“CSS-layer”，或干脆叫“layer”。而中文我们把它称作“层次”。所以当你以后看到这些名词的时候，你就知道它们是指一段在DIV中HTML。

position：relative；//相对自身的位子定位，或则用于参照物。position：absolute；//绝对定位，相对于祖籍拥有position属性的块定位。两种属性都可以用，看你自己的选择。

类似于android手机的状态栏下拉效果，但方向相反。Div块在底部，当点击按钮时，div向上展开，再次点击时向下收回。

将左右的div宽度设为300px，分别左右浮动，中间盒子不设宽度。

div如何定位div里面的div如何定位

1、用绝对定位，把两个都放在一个大的DIV里面，大的设置成position：relaitve。第一个小DIV属性设置成为position：absolute； z-index：1。第二个小DIV属性设置成为position：absolute； z-index：2。width、height、left和top视情况而定。

2、方法一：定义div的宽度，添加样式边距：0auto 示例：标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。p可定义文档中的分区或节(pision/section)。DIV是块状标签，它里边可以放置TABLE等各种模块。

3、相对定位： 绝对定位使你能精确地定位要素在页面的独立位置，而不考虑页面其它要素的定位设置。相对定位指你所定位的要素的位置相对于在文件中所分配的位置。例： I { position： relative； left： 40px； top： 10px } 相对定位的关键在于定位了的要素的位置是相对于它通常应在的位置进行定位。

4、position：relative；如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素相对于它的原始起点进行移动。(再一点，相对定位时，无论是否进行移动，元素仍然占据原来的空间。