定位position

相对定位:relative  相对于他原来的位置偏移某个距离,适用于位置的微调。

绝对定位:absolute1.元素会脱离文档流不占据页面空间。

2.元素是相对于已经定位祖先元素进行定位的。

3.如果祖先元素没有相对定位的元素,他会相对于body进行定位。

固定定位:fixed

1.固定定位的元素脱离文档流,不占据页面空间。

2.固定在页面的某个地方,不会随着页面的滚动而滚动。

格式:positive:relative;top:50px;left:50px;

positive:absolute;bottom:50px;right:50px;

positive:fixed;top:50px;left:50px;

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,693评论 1 92
  • position 属性有 4个值 static 、 relative 、 absolute 、fixed ,默认值...
    iamlmx21阅读 2,286评论 0 0
  • 在html中网页可以看成一个立体的空间,一个完整的页面是由很多个页面堆积形成的,如下图所示 CSS中Positio...
    蠢淡淡不蠢阅读 3,619评论 0 0
  • 块级元素,行内元素(内联元素) div、h1 或 p 元素常常被称为块级元素。这意味着这些元素显示为一块内容,即“...
    艳晓阅读 7,404评论 0 0
  • static:静态定位是position的默认值,元素框正常生成,也就是没有定位时的正常显示。 relative:...
    乡水情缘阅读 2,875评论 0 1

友情链接更多精彩内容