定位元素(positioned element)是其计算后位置属性为relative,absolute,fixed或sticky的一个元素。

相对定位元素(relatively positioned element)是计算后位置属性为relative的元素。

绝对定位元素(absolutely positioned element)是计算后位置属性为absolute或fixed的元素。

粘性定位元素(stickily positioned element)是计算后位置属性为sticky的元素。

大多数情况下,height和width被设定为auto的绝对定位元素,按其内容大小调整尺寸。但是,被绝对定位的元素可以通过指定top和bottom,保留height未指定(即auto),来填充可用的垂直空间。它们同样可以通过指定left和right并将width指定为auto来填充可用的水平空间。

除了刚刚描述的情况(绝对定位元素填充可用空间):

如果top和bottom都被指定(严格来说,这里指定的值不能为auto),top优先。

如果指定了left和right,当direction设置为ltr(水平书写的中文、英语)时left优先,当direction设置为rtl(阿拉伯语、希伯来语、波斯语由右向左书写)时right优先[1]。

position属性被指定为从下面的值列表中选择的单个关键字。

static

该关键字指定元素使用正常的布局行为,即元素在文档常规流中当前的布局位置。此时top,right,bottom,left和z-index属性无效。

relative

该关键字下,元素先放置在未添加定位时的位置,再在不改变页面布局的前提下调整元素位置(因此会在此元素未添加定位时所在位置留下空白)。position:relative 对 table-*-group, table-row, table-column, table-cell, table-caption 元素无效。

absolute

不为元素预留空间,通过指定元素相对于最近的非 static 定位祖先元素的偏移,来确定元素位置。绝对定位的元素可以设置外边距(margins),且不会与其他边距合并。

fixed

不为元素预留空间,而是通过指定元素相对于屏幕视口(viewport)的位置来指定元素位置。元素的位置在屏幕滚动时不会改变。打印时,元素会出现在的每页的固定位置。fixed属性会创建新的层叠上下文。当元素祖先的transform 属性非none时,容器由视口改为该祖先。

sticky

盒位置根据正常流计算(这称为正常流动中的位置),然后相对于该元素在流中的 flow root(BFC)和 containing block(最近的块级祖先元素)定位。在所有情况下(即便被定位元素为table 时),该元素定位均不对后续元素造成影响。当元素 B 被粘性定位时,后续元素的位置仍按照B 未定位时的位置来确定。position: sticky对table元素的效果与position: relative相同。

相关查询: positioned element relative absolute
最新查询:密苏里大学哥伦比亚分校 Painkiller 三十而立 金丹四百字 tramcar 化学电池 汉唐之间的宗教艺术与考古 核技术 中国空军虚航组织 歌友会 户外卷帘 Neoplanta 美式橄榄球联赛 火灾旋风 侦探传奇:史上最经典的37个侦探故事 Perpetual 哈萨克 无苏打奶盐饼干 金枝玉叶 自由化 解放事业 v星王子甜蜜入侵 Volgograd 告密者 春宵秘戏图 凝胶电泳 Salzungen 实习医生 creation 鲜虾仁紫菜滚瘦肉 匡远镇 安布里姆岛 %25E4%25BF%25AE%25E6%2596%2587%25E6%25B0%25B4%25E7%2594%25B5%25E7%25AB%2599 交朋友 人口统计 可不可以 失业人数 土尔扈特 ��С�� 时不时 北京八大春 schreckii absent-minded 第一次世界大战:伟大的战役 Chocolatl 布莱尔 ochrogenys 高州水库 藏族人民 逢赌必赢 陶瓷微雕 潘式奶酪焗意粉 ��֧��ʿ���� 包括了 自不待言 鲍里斯·戈东诺夫 立体交叉 所以会 parallelism 知识性 右大将道纲母 勾心斗角 STATION 北狮 电缆线 国家级 庚子赔款 全身上下 熟女侦探 寄生物 我不是你的超女 札幌拉面 张蓝月 中规中矩 北美十三州 文具盒 陕西省防震减灾条例 position
友情链接: 知道 电影 百科 好搜 问答 微信 值得买 巨便宜 天天特价 洛阳汽车脚垫 女装 女鞋 母婴 内衣 零食 美妆 汽车 油价 郑州 北京 上海 广州 深圳 杭州 南京 苏州 武汉 天津 重庆 成都 大连 宁波 济南 西安 石家庄 沈阳 南阳 临沂 邯郸 保定 温州 东莞 洛阳 周口 青岛 徐州 赣州 菏泽 泉州 长春 唐山 商丘 南通 盐城 驻马店 佛山 衡阳 沧州 福州 昆明 无锡 南昌 黄冈 遵义
© 2025 haodianxin 百科 豫ICP备14030218号-3 消耗时间:0.036秒 内存2.83MB