css入坑之二

css的元素定位->position属性

1.position:absolute

绝对定位。绝对定位是子元素相对于元素的位置,绝对定位的元素从文档流中脱离,top:60xp表示该元素的右上角到父元素的顶并距离为60xp,其余类比之。
最新发现,父元素必须设置为position:relative 才比较稳定

2.position:relative

相对定位。是该元素自己和自己的相对位置移动。left:60px,表示元素在原本的文档流中,比未设置像左移动了60px.

3.postion:fixed

固定布局。和绝对布局很像,只要把“父元素”看做是浏览器就行了。

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,817评论 1 92
  • 一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css...
    KunMitnic阅读 975评论 0 1
  • CSS 是什么 css(Cascading Style Sheets),层叠样式表,选择器{属性:值;属性:值}h...
    崔敏嫣阅读 1,512评论 0 5
  • 把自己裱起来 装个框框 钉在东面那面墙上 于是 我看见你们南来又北往 或快或慢 以各种姿态 各种神情 .........
    壹朵_荒芜的花阅读 162评论 0 1
  • 成功需要什么? 成功,并不是你想成功就成功的,想要成功,多次练习是必须的,难不成你练一天就可以把双飞学会?...
    杨智斌1阅读 371评论 5 22