11.float和clear的一些补充

## referrer

图片引用保护协议,关闭它服务器端可显示网页图片
    <meta name="referrer" content="never">

## float(大局用浮动,细节微调用定位)

文字并不能随盒子的交叠而交叠,它始终显示在盒子不交叠的部分。

如果一个盒子设置了float那么文字就不可能和它交叠,只会在它周围移动。

## clear

清除float对自己的影响,相当于对自己来说附近的盒子没加float但这种清除并不完全,比如文字依然无法移到加float的盒子上面。
 

## 行内/内联元素

不支持宽和高的设置,例span只能能通知字体大小撑开宽高。
解决方法:
1.display: block; 将行内元素设置为块元素
2.float: left; 内联元素脱离文档流变为块元素          

## 行内/内联元素设置背景颜色

其背景颜色是有一定的透明度的,大概有0.2左右。

## line-height(行内元素问题)

行内元素设置line-height时,由于行内元素不能设置宽高,会应用其父级快。可将内联元素设置为快,即可应用与自身。

## 背景颜色

背景颜色默认是延伸到内边距和边框下面的,如果将边框设为透明是可以看到背景颜色的。(border: 3px solid transparent;将边框设置为透明)
解决方法:
background-clip: content-box; 将背景颜色只设置在内容区,边框和内边距不再有背景颜色          

## z-index 层级

只适用于定位position元素,float块级等元素都不能用。
 
posted @ 2022-09-13 13:04  莫扎特03  阅读(27)  评论(0编辑  收藏  举报