首页前端开发CSS绝对定位使元素的位置与文档流无关,因此不占据空间

绝对定位使元素的位置与文档流无关,因此不占据空间

时间2024-05-22 06:52:03发布访客分类CSS浏览84
导读:相对定位使元素的位子和文档流有关,是以不占领空间。这一点和相对定位差异,相对定位实践上被看做普通流定位模型的一部份,因为元素的地位相对于它在普通流中的位置。 寻常流中别的元素的布局就像绝对定位的元素不存在异样: #box_relativ...

相对定位使元素的位子和文档流有关,是以不占领空间。这一点和相对定位差异,相对定位实践上被看做普通流定位模型的一部份,因为元素的地位相对于它在普通流中的位置。

寻常流中别的元素的布局就像绝对定位的元素不存在异样:

#box_relative {
    
  position: absolute;
    
  left: 30px;
    
  top: 20px;

}
    

以下图所示:

相对于定位的元素的身分相对于比来的已定位祖先元素,若是元素不有已定位的先人元素,那么它的位置相对于最初的包含块。

对于定位的首要标题是要记着每种定位的含义。所以,现在让咱们温习一放学过的知识吧:相对定位是"相对于"元素在文档中的初始位子,而相对定位是"相关于"最近的已定位先人元素,假如不存在已定位的祖先元素,那么"相对付"最初的搜罗块。

注释:遵照用户署理的差距,一开始的涵概块多是画布或 HTML 元素。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 绝对定位使元素的位置与文档流无关,因此不占据空间
本文地址: https://pptw.com/jishu/665419.html
c++中forward的使用方法是什么 通用Typecho代码实现面包屑导航的效果(PHP代码实现)

游客 回复需填写必要信息