divposition的简单介绍
position static这是元素的默认定位方式divposition，元素按照正常的文档流排列，不受topbottomleftright属性的影响即使设置divposition了这些偏移属性，元素也不会发生位置变化，始终按照其在HTML中的原始顺序显示例如，一个未设置定位的ltdiv元素会直接堆叠在前一个元素下方position relative元素相对于其原本在文档。
static静态定位特点默认值，元素遵循正常文档流，topleftrightbottom属性无效，元素按HTML顺序排列，不脱离文档流适用场景无需特殊定位时使用，如普通段落列表项等示例div position static * 默认行为，无需显式声明 *relative相对定位特点元素相对自身原位置偏移。
子DIV需在父DIV内部滚动时固定，而非整个页面滚动时固定总结核心方法父DIV设position relative，子DIV设position absolute top 0扩展场景根据需求选择absolute完全固定或sticky滚动到特定位置固定调试技巧通过浏览器开发者工具检查元素定位上下文及滚动容器，确保样式生效。
一相对定位position relative设置方式在CSS中为需要相对定位的DIV设置position relative，然后通过toprightbottomleft属性来调整该DIV相对于其正常位置即未设置定位时的位置的偏移量效果相对定位的DIV仍然占据原来的空间位置，即其原本的位置不会被其他元素占据。
divposition了解div的position属性有助于精确控制网页布局position属性主要用于确定元素的定位方式，包括固定相对绝对或静态定位定位元素时需选择一个参考物，通常是页面中的其他元素或浏览器窗口选择参考物后，通过设置left和top属性，可以指定元素相对于参考物的位置注意，left和top属性不仅可以使用正数表示向。
CSS实现div垂直居中的方法有很多，下面div居中的几种方法是自己平时写网页中经常用到的，最常见的例子就是登录注册弹出框方法一对div使用绝对布局positionabsolute并设置top，left，right，bottom的值相等，但不一定都等于0并且设置marginauto方法二这个方法要知道div的宽度和高度对div使用。
相对布局，不能直接决定子组件的绝对位置，需要top，bottom，left，right4个属性来配合，确定元素的位置适配性好，使用positionrelative相对定位，来定义组件的位置属性只能在相对布局中使用，在绝对布局中不会显示绝对布局也叫坐标布局，直接就可以决定子组件的绝对位置，简单直接就可以定位，但是由于设备的屏幕不一样大，适配性差，可以直接用positionabsolute绝对定位，来定义组。
父级div使用了relative属性，其子级div可以以其父级div的长款为标准定位其横纵坐标没什么完整的用法，只有根据不同需求灵活运用各种属性positionrelative日常应用的时候一般是设置给positionabsolute的父层的，父层positionrelative 子层positionabsolute的话， 就是依照父层的边界进行定位的， 不然。
相关标签 :
。
