• position的属性,static 默认值,静态位置,即不是绝对定位;relative,相对位置,不是绝对定位;absolute,绝对位置,绝对定位;fixed,固定位置,绝对定位
  • {position:relative}{left:20px;bottom:10px;}表示距离左边20px,距离下边10px
  • 浮动元素被设置为绝对定位,元素的float属性会被强制改为none,(float属性失效)
  • position:absolute;top:0;left:0;绝对定位会脱离文档流,0 0点在视口的0 0点,原先浮动的位置会空出来
  • 若要将绝对丁文元素的包含款设置为非静态定位,以父元素0 0点为基础准则,在父元素包含快里设置position:relative;
  • 绝对定位元素会以离他最近的包含他的非静态定位元素的0 0点为准
  • a [href=""]{position:fixed;top:80%;right:0}固定位置,距离顶部80%,距离右边为0
  • 元素脱离文档流会自动变为块级元素(float absolute fixed 会脱离文档流 relative不会脱离)
posted on 2018-04-02 00:29  香蕉小姐姐丶  阅读(132)  评论(0)    收藏  举报