• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

口语解说让你理解网页相对定位与绝对定_css

css 搞代码 7年前 (2018-06-10) 111次浏览 已收录 0个评论

  我刚开始学习时也不是很明白它们到底有什么区别,经过多次的实践与对定义的理解,才渐渐明白过来,就象我们平时所说的会的不难,难的不会

  1.先说相对定位position:relative:是相对于它自身在文档中的位置,比如我们排队,你排到了第三个位置,如果用相对定位的话我们只能是相对于你自身,也就是相对于第三个位置,如果我们相对于那个位置我出了队列的话,我的那个第三个位置还是会保留的,也就是我虽然出了队,但那个地方还存在,还是我的,只是没有人,占用了一个空位置,好象说了太多的费话,但这主要是让你更准确的理解!

  补充:平时在很多网站样式表中会看到样式:position:relative;这是有用的,虽然没有定义left,right等,页面中看不出什么效果,但它是有用的,请接着往下看第2点。

  2.position:absolute|绝对定位:相对于一个“元素”的定位,比如我们平时用到的绝对定位默认都是相对于BODY,如果你想定义为相对于上一级元素,你的办法就是定义上级元素为position:relative,这样你就可以随心所欲了!

  总结:如果你对上面两条可以理解了,那很你用这两条基本原则一定可以做到为你所用,不会再让你不知所错!网上确实有很多的的教程说定位的问题,都大同小异,也太书面化了.所以我用口语话说了这些,希望对不能理解,想理解的好学者有帮助!

欢迎大家阅读《口语解说让你理解网页相对定位与绝对定…_css,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:口语解说让你理解网页相对定位与绝对定_css
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址