css定位

今天药忘吃喽~ 2022-06-01 06:45 353阅读 0赞























absolute

生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。

元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。

fixed

生成绝对定位的元素,相对于浏览器窗口进行定位。

元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。

relative

生成相对定位的元素,相对于其正常位置进行定位。

因此,”left:20” 会向元素的 LEFT 位置添加 20 像素。

static 默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
inherit 规定应该从父元素继承 position 属性的值。

解决问题实例:table单元格里面加入div,div包含两个dom元素,按默认的样式,包含div的单元格里面的数据会较其他单元格错位。使用margin和padding都没有实现,最后使用了div的相对定位relative得以实现。代码:








标准位置

加入div

其他文字…



发表评论

表情:
评论列表 (有 0 条评论,353人围观)

还没有评论,来说两句吧...

相关阅读

    相关 CSS定位

    定位的分类 1.静态定位(static) 一般的标签元素不加任何定位属性都属于静态定位,在页面的最底层属于标准流。 2.绝对定位(absoulte) 一般与祖

    相关 css_定位

    1) CSS定位的概念 CSS 定位 (Positioning) 属性允许你对元素进行定位。 它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素