首页 > 其他 > 详细

标准文档流、浮动

时间:2019-10-07 13:41:10      阅读:81      评论:0      收藏:0      [点我收藏+]

文档流

  块级元素和行内元素

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

      特点:

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

        可以设置宽高

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

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

      特点:

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

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

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

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

    显示模式:display 属性,

        属性值:块级  block  常用

            行内  inline  不常用

            行内块  inline-block  

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

 浮动

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

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

    属性值:left、right

  

                                                                                                                                                                                                                                                                          

标准文档流、浮动

原文:https://www.cnblogs.com/really-insist/p/11630061.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!