美文网首页
position定位及拓展和网页布局总结2022-08-03

position定位及拓展和网页布局总结2022-08-03

作者: 白富美也在学代码 | 来源:发表于2022-08-02 17:05 被阅读0次

1.定位模式,:relative,absolute,fixed

2.边偏移:top,right,bottom,left

3.子绝父相:   子绝对定位父相对定位

4.相对定位跟自己原先位置做偏移(不脱标),绝对定位是在父级元素里做偏移(脱标),固定定位是定于浏览器的可视区位置(脱标)

5.定位次序的叠放:页面出现很多盒子定位,哪个靠上哪个靠后,z-index=1 来定义。数值越大越靠上。

定位拓展:

网页布局的总结:

相关文章

  • position定位及拓展和网页布局总结2022-08-03

    1.定位模式,:relative,absolute,fixed 2.边偏移:top,right,bottom,le...

  • 网格布局介绍

    一 网页的布局演变 1 表格布局 (table)2 定位布局 (position: fixed、absolute等...

  • CSS&HTML进阶(2) - 草稿

    position 设定元素位置 position:absolute 绝对定位 网页分块布局用 可以让被分块内的内...

  • position:sticky粘性布局

    position:sticky粘性布局 作用 它是相对定位position:relative和固定定位positi...

  • css 移动端布局(一)

    布局方式总结:float(浮动) 、 position(定位i) 、table-cell(转表格)、flex(弹性...

  • 2019-01-04

    CSS布局1 说起布局就需要谈谈定位 谈及定位,我就得说说position属性 position static :...

  • position定位

    静态定位 position: static 默认值 默认的布局方式。 相对定位 position: relati...

  • 定位

    position:absolute; /绝对定位 脱离文档流 不占网页/ position:relitiv...

  • CSS -- 定位篇

    CSS -- 定位 CSS中最重要的应该就是布局和定位, 也就是display和position两个属性。布局篇在...

  • CSS -- 布局篇

    CSS -- 布局 CSS中最重要的应该就是布局和定位, 也就是display和position两个属性定位篇在这...

网友评论

      本文标题:position定位及拓展和网页布局总结2022-08-03

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