前端学习笔记十三

作者: 被注册的9527 | 来源:发表于2017-03-01 23:51 被阅读6次

元素定位

position :static 自动定位(默认定位方式)无法通过边偏移属性(top、bottom、left或right)来改变元素的位置。

position :relative 相对定位,相对于其原文档流的位置进行定位 通过边偏移属性改变元素的位置,但是它在文档流中的位置仍然保留。

position :absolute 绝对定位,相对于其上一个已经定位的父元素进行定位,若所有父元素都没有定位,则依据body根元素进行定位

绝对定位的特性

•包裹性

–根据实际内容来撑开绝对定位元素的大小。

•破坏性,导致父容器塌陷

–由于脱离了文档流,导致父容器塌陷。

•悬浮性

–会漂浮起来,在原始流的元素之上。

position :fixed 固定定位,相对于浏览器窗口进行定位     IE6浏览器不支持固定定位

四个边偏移属性:top、bottom、left、right

z-index的默认属性值是0,取值越大,定位元素在层叠元素中越居上。

相关文章

  • 前端学习笔记十三

    元素定位 position :static 自动定位(默认定位方式)无法通过边偏移属性(top、bottom、le...

  • 前端学习笔记十三-面向对象

    一、面向过程与面向对象 1.1 面向过程(POP) 面向过程就是分析出解决问题所需要的步骤,然后用函数把这些步骤一...

  • HTML基础学习笔记

    原 Blog 链接:HTML基础学习笔记 自学 html 基础笔记 Web 前端简单介绍 web 前端包含: pc...

  • 前端学习(十三)

    display: 将一个内联元素转化为块元素;可选:inline(将一个元素作为内联元素显示),block(将一个...

  • 2月23笔记

    第十天web前端学习笔记 有道云笔记

  • 2月21笔记

    第八天web前端学习笔记 有道云笔记

  • 2月20笔记

    第七天web前端学习笔记 有道云笔记

  • 2月19笔记

    第6天web前端学习 有道云笔记

  • 收集前端学习资料

    前端的一些学习资源 html和css代码规范 前端知识体系 前端网址大全 学习CSS布局 通用 CSS 笔记、建议...

  • 一个不想减肥的吃货不是一个好程序员

    一个吃货女人的前端学习之路 日常记录学习的过程和笔记 强迫自己有写笔记和总结的习惯 前端之路不易,加油……

网友评论

    本文标题:前端学习笔记十三

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