当前位置: 首页 > Web前端 > HTML

PositioningStyle

时间:2023-04-02 20:24:18 HTML

PositioningStyle详解使用方法:使用position属性设置定位参考对象,为建立对象的位置建立基点。位置偏移基于此参考对象。可选值是静态的。开启元素相对定位absolute开启元素绝对定位fixed开启元素固定定位相对定位的特点开启相对定位,不会给元素设置偏移量,相对定位不会脱离文档流,参考对元素本身进行颜色移动不会改变元素的性质(块还是块,内联还是内联)。推广级别高于浮动和文本。多个偏移量。以左上为尊。绝对定位。放置元素的绝对位置,找到参照物的位置,从这个位置开始。绝对定位引用对象具有最近祖先元素的定位属性(静态定位属性除外)。如果所有父类都没有定位属性,则按照body==>html==>视口父子,逐层查找引用对象。parent相对定位,不影响页面布局。如果不设置偏移量,元素不会移动。子元素参照父元素的绝对定位位置移动。绝对定位完全脱离文档流。计算子元素的偏移量不包含border但包含padding的偏移量可以是单位:px,%。计算值包括paddingfloatingsemi-detachedfromthedocumentflow。块级元素感受不到浮动元素的文字,或者感受不到同级绝对定位框的叠加。后者写在最上面,位置不保留。绝对定位会强制元素成块,没有父元素的100%本性,但是里面的元素绝对定位会使浮动失效