探讨行内元素转换为块级元素_html/css_WEB-ITnose

行内元素和块级元素对于前端来说是一个很重要的概念。在CSS中，只有块级元素有物理属性，而元素则有三种形态：

17 18 19 我是链接20 21

结论：float就是隐性的把行内元素转化为块元素，对内的话拥有了物理特性。对外则还是是行内元素的属性，不占据一行。

既然float能让行内转换为块级。那么，用position是否也可以呢？

 		p{ 			background-color:yellow;			width: 100px;			height: 100px;		}		a{ 			background-color: silver;			position: absolute;			width: 100px;			height: 100px;		}  

　　我们发现使用了position以后呈现的效果和“1-2”是一样的。就是说position也可以使行内元素转换为块级元素。至于要使用absolute。这是因为absolute会使得元素脱离文档结构，这一点和float是一样的。再者如果这里设置了两个元素的话，第一个会被第二个元素盖住。有多个的话则遵循“后来者居上”的原则。

所以说，不管是float还是position，使用它们都可以将行内元素转换为隐式的块级元素，不过随之带来的坏处就是会影响兄弟元素。

查看更多关于探讨行内元素转换为块级元素_html/css_WEB-ITnose的详细内容...