美文网首页
css入坑之二

css入坑之二

作者: 3Zero | 来源:发表于2015-05-08 01:04 被阅读34次

css的元素定位->position属性

1.position:absolute

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

2.position:relative

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

3.postion:fixed

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

相关文章

  • css入坑之二

    css的元素定位->position属性 1.position:absolute 绝对定位。绝对定位是子元素相对于...

  • CSS入坑记录

    CSS入坑记录 插入方式 选择器 常用样式 盒子模型 布局 单位 CSS3 一.插入方式 1.内联样式表(行内样式...

  • CSS入坑之三

    关于css 3d rotateX rotateY rotateZ 都是3d方面的属性,rotateX表示元素以X轴...

  • HTML、CSS入坑之路

  • 入坑React之二 UI

    做前端肯定离不开UI。 基于React的UI React本身就是做VIEW的,被包装成的React的组件,说白了就...

  • css粘性定位position: sticky

    css粘性定位position:sticky问题采坑position: sticky 详解(防坑指南)CSS中po...

  • 强力推荐:Atom入坑必备插件

    Atom作为Javascript/CSS/HTML等前端编辑器利器,其强大功能依靠各种插件,以下是笔者在入坑阶段,...

  • 强力推荐:Atom入坑必备插件

    Atom作为Javascript/CSS/HTML等前端编辑器利器,其强大功能依靠各种插件,以下是笔者在入坑阶段,...

  • 入坑前端06:CSS常见布局

    1.左右布局 比如下面结构 ●设置浮动 效果如下 其次也可以定位(父元素绝对定位,子元素相对定位) 2.文字的水平...

  • 入烘培坑的我,给你一个重要的建议!

    建议就是别入坑!别入坑!别入坑! 从生完大宝开始入坑,初为人母时母爱泛滥,决心给她作各种小零食,免遭...

网友评论

      本文标题:css入坑之二

      本文链接:https://www.haomeiwen.com/subject/vjrwfttx.html