css中的相对定位和绝对定位

css中的相对定位和绝对定位

在文档流中,每个块元素都会被安排到流中的一个位置,我们可以通过css中的定位属性来重新安排它的位置。

(1)相对定位是相对于该块元素在文档流中的位置的,同时注意:相对位置有个典型特征是占据文档流的空间(

占着茅坑不拉屎)

(2) 使用绝对定位可以把内容显示到页面上的任何位置,并且绝对定位是不会占据文档流空间的。

注意:绝对定位的缺点:因为div的大小是不可以知道的,无法将每一个div的位置都定死。

相对定位:



绝对定位:


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • CSS布局在整个前端开发中占据了大约50-70%的工作量,在遵循web规范的前提下,编写合乎规范的前端代码,实现结...
    FaithXiong阅读 4,191评论 0 0
  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 7,479评论 0 30
  • CSS 定位 CSS有三种基本的定位机制:普通流,浮动,绝对定位(absolute, fixed):普通流是默认定...
    _空空阅读 11,081评论 0 15
  • 昨天,带儿子去理发,突然想起堂妹问过我,堂弟将来做什么好,我突然觉得也许去当个理发师不错。于是在儿子理发过程...
    兰花芳香阅读 5,922评论 0 1