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
和块级等元素
都不能用。