文档流 块级元素和行内元素 块级标签:所有的容器级标签,p标签都是 特点: 会独占一行,同行不会出现其他的同级标签, 可以设置宽高 嵌套的关系里,子盒子不设置宽高,会自动继
文档流
块级元素和行内元素
块级标签:所有的容器级标签,p标签都是
特点:
会独占一行,同行不会出现其他的同级标签,
可以设置宽高
嵌套的关系里,子盒子不设置宽高,会自动继承父标签内容的宽度 100%
行内标签:除了 p 标签所有文本级标签
特点:
不会独占一行,可以和其他标签并排在一行
不能设置宽高。其他的内边距、边框、外边距能正常设置
不设置宽度,不会自动继承父标签的宽度,只能用内容撑开
有个属性可以在款及元素和行内元素之间进行转换
显示模式:display 属性,
属性值:块级 block 常用
行内 inline 不常用
行内块 inline-block
脱离标准流方法:浮动、就对定位、固定定位
浮动
浮动:float;让元素以某一个方法在一行并排排列
作用:让元素脱离标准流,既可以设置宽高,又可以一行排列
属性值:left、right