- 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)
评论()
收藏
举报