刚学css，浮动和转换成行内元素这两个好像最后的效果都是在一行中显示，在写的时候两个怎么做大致的选择呢？

Question

刚学css，浮动和转换成行内元素这两个好像最后的效果都是在一行中显示，在写的时候两个怎么做大致的选择呢？

Answer 1

根据你描述是如下情况；

浮动脱离文档流；而设置了行内元素又不独占一行，都没有设置宽度，就出现了上述情况。
当你给一方设置宽度，就会挤下去；
相关知识点：
关于css中浮动的理解及实际应用

一、元素浮动的意义及使用：

1. 浮动的意义：设置了浮动属性的元素会脱离普通标准流的控制，移动到其父元素中指定的位置的过程，将块级元素放在一行，浮动会脱离标准流，不占位置，会影响标准流，浮动只有左右浮动，不会出现上下浮动。
2. 浮动的使用：基本语法格式：选择器{float:属性值;}
   left 元素向左浮动 right 元素向右浮动 none 元素不浮动

二、元素浮动的特性：

1. 浮动的元素脱离了标准文档流，摆脱块级元素和行内元素的限制
   1）这是两个div盒子以及一个span元素在没有设置浮动情况下的样子：

　　

2）这是两个div盒子以及一个span元素在同时设置浮动情况下的样子：