当前位置 : 主页 > 手机开发 > 其它 >

标准文档流、浮动

来源:互联网 收集:自由互联 发布时间:2021-06-19
文档流 块级元素和行内元素 块级标签:所有的容器级标签,p标签都是 特点: 会独占一行,同行不会出现其他的同级标签, 可以设置宽高 嵌套的关系里,子盒子不设置宽高,会自动继

文档流

  块级元素和行内元素

    块级标签:所有的容器级标签,p标签都是

      特点:

        会独占一行,同行不会出现其他的同级标签,

        可以设置宽高

        嵌套的关系里,子盒子不设置宽高,会自动继承父标签内容的宽度 100%

    行内标签:除了 p 标签所有文本级标签

      特点:

        不会独占一行,可以和其他标签并排在一行

        不能设置宽高。其他的内边距、边框、外边距能正常设置

        不设置宽度,不会自动继承父标签的宽度,只能用内容撑开

    有个属性可以在款及元素和行内元素之间进行转换

    显示模式:display 属性,

        属性值:块级  block  常用

            行内  inline  不常用

            行内块  inline-block  

    脱离标准流方法:浮动、就对定位、固定定位

 浮动

  浮动:float;让元素以某一个方法在一行并排排列

  作用:让元素脱离标准流,既可以设置宽高,又可以一行排列

    属性值:left、right

网友评论