html中的4中定位

1.static

css中没有设置position样式时,默认就是static。位置设置为 static的元素,它始终会处于页面流给予的位置。没有脱离文档流(static 元素会忽略任何 top、bottom、left 或 right声明)

2.relative

css样式中position为 relative 的时候,可将其移至相对于原来位置的其他地方,例如"left:20px"会将元素相对与原来位置向左平移20像素。没有脱离文档流。

3.absolute

css样式中position为 absolute的时候,可以将元素相对其父元素,或者上级元素中距离最近的有relative的元素进行定位。此元素的位置可通过"left"、"top"、"right" 以及 "bottom" 属性来规定。元素脱离文档流

4.fixed

位置被设置为 fixed 的元素,可将元素相对于当前文档进行定位。此元素的位置可通过 "left"、"top"、"right"以及"bottom" 属性来规定。不论窗口滚动与否,元素都会留在那个位置。工作于 IE7(strict模式)。元素脱离文档流

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 当在这一个页面上实现布局和定位有几种不同的技术。使用哪种技术,很大程序上取决于内容和目标页面,因为有很多技术比别人...
    lulu_c阅读 4,816评论 0 5
  • 北风呼呼虽然室内听的不那么真切,但是窗台外摇曳的狗尾巴草,已告知我一切。 看着那摇曳的狗尾巴草,它离我那么近,不过...
    晶星印雨阅读 1,702评论 1 1
  • 1. 昨晚家婆过来,除了再次痛诉家公种种婚外行为,又一次指出自己要赚钱,不赚钱难道靠我们养老啊!这是我第二次听到同...
    77王其王其阅读 1,337评论 0 0
  • 都说民谣很穷,一把破木吉他,一张嘴,一颗心。 但民谣其实很富有,一首歌,一个人,整个世界。 每一首民谣都是一个故事...
    读物博主牧歌阅读 7,521评论 2 3

友情链接更多精彩内容