浮动可以设置块状元素,可以设置行内元素吗?设置会怎么样?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>流动模式下的内联元素</title>
<style type="text/css">
span{
float:left;}
</style>
</head>
<body>
<a href="http://www.imooc.com">www.imooc.com</a><span>强调</span><em>重点</em><strong>强调</strong>
</body>
</html>
这里第一个强调排在第一了,不是占用文档流的空间了吗
因为块状元素会换行,使用浮动可以让它们在同一行。但是行内元素本身就是在同一行的,所以没必要用浮动。如果非要用,可以把行内元素转换为块状元素,再使用浮动,效果还是在同一行。