inline元素、inline-block元素在float、position:fixed、position:absolute之后出现的问题

  我们知道内联元素是不能设置宽、高的,但是一旦使其脱离了文档流,就可以了,这是因为它已经变成了块级元素。

例1:  

  




	
	floattest
	


	


  inline元素、inline-block元素在float、position:fixed、position:absolute之后出现的问题_第1张图片

  可以发现这是a已经成了块级元素,可是块级元素为什么还会处在一行之中呢?  因为脱离文档流了啊,当然不会遵循文档流中的规范了。

  

  

例2:

  在上面的例子的基础上添加display:inline-block;可以发现:即使我们已经把其display强行设置为了inline-block,但是只要浮动,其display属性又会变成block。

 

 

上面的两个例子,我们使用float:right;  position:fixed;  position:absolute;  都会得到同样的结论。

你可能感兴趣的:(inline元素、inline-block元素在float、position:fixed、position:absolute之后出现的问题)