美文网首页
三、四种定位

三、四种定位

作者: 懒羊羊3号 | 来源:发表于2018-12-03 19:38 被阅读0次

1、position:static(普通流),默认定位
2、position:relative,元素没有脱离文档流,相对于自己原来文档流的位置
3、position:absolute,找到最近到relative知道相对于body,只有绝对定位有z-index
4、float:left,包裹性和破坏性
清除浮动clearfix

.clearfix{overflow:hidden;_zoom:1;}
.clearfix{overflow:auto;_height:1%}
![image.png](https://img.haomeiwen.com/i9562281/3eae4aec64a9ffe4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

盒子模型中的box-sizing(css3)
content-box的width是content,然后padding和border不包括
border-box的width包括content,padding和border

相关文章

  • android 定位研究

    android 定位一般有四种方法,这四种方式分别是:GPS定位,WIFI定准,基站定位,AGPS定位. Andr...

  • 三、四种定位

    1、position:static(普通流),默认定位2、position:relative,元素没有脱离文档流,...

  • CSS补充2

    定位position 定位分为四种:相对定位 relative,绝对定位 absolute,固定定位 fixed,...

  • 定位方式、实现及使用场景

    定位方式 CSS 有三种基本的定位机制:普通流(文档流)、浮动和绝对定位 position 属性共有四种取值: s...

  • 四种常见的定位类型

    css常用的四种定位类型static、relative、absolute、fixed。要清楚的理解四种定位类型,首...

  • css-水平垂直居中布局

    第一种---定位 第二种---table-cell 第三种---flex布局 第四种---定位

  • html定位

    定位的四种方式 1、默认定位:static 其没有top/bottom/left/right属性 2、固定定位:f...

  • CSS定位

    四种定位方式:(由元素设置position属性确定定位方式) 1.static(静态定位)----默认值,标准文档...

  • 2018-03-02《定位屋》第二章--攻防本质:避实击虚(三)

    三、四种战略形势 定位大师里斯和特劳特在其著作《商战》中讲述了四种战略形势。 采取哪种战略形式,是企业管理着要做出...

  • CSS四种定位方式的详解

    CSS布局的四种定位方式 1、static(静态定位): 默认值。没有定位,元素出现在正常的流中(忽略 top, ...

网友评论

      本文标题:三、四种定位

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