标签:play overflow inline 行内元素 浮动 解决 html 完全 适应
??????????????float:left | right | none | inherit
空间不够,浮动元素会被挤到新行上
浮动元素与一般元素重叠情况(负margin设置):行内框会在浮动元素之上显示;块级框内容显示在上,其他在下。
clear:left——元素左边不会出现浮动元素
clear:right——元素右边不会出现浮动元素
clear:both——元素两边不会出现浮动元素
static——正常文档流内
relative——相对定位。相对自身定位,原本占位空间保留。建立新的包含块(BFC)。
absolute——绝对定位。相对于包含块(最近的非static定位祖先元素)定位,从文档流完全删除,原本占位消失,生成块级框
fixed——固定定位,相对于视图框定位,从文档流完全删除。
relative、absolute、fixed具有偏移属性top/bottom/right/left,百分比值相对于包含块的尺寸。相对于外边距边界偏移。
static元素层叠顺序:行内元素 > 浮动元素 > 块级元素 > 背景(层叠上下文)
对于所有元素层叠顺序规则:后来居上,后面的元素覆盖前面的元素(默认)。不论其定位类型。
body——0
标签:play overflow inline 行内元素 浮动 解决 html 完全 适应
原文地址:https://www.cnblogs.com/chd1994/p/12163314.html