您需要了解一下html和css。
【***********************************************************】
float和position为css的属性，table是html的一个标签。
【***********************************************************】
一、【float】
float是CSS的浮动属性，常用到的有左浮动：float:left;，右浮动：float:right;。
如下图红色框内的文字，就是用到了浮动属性float:left;（左浮动）
【**************************分割线********************************】
【**************************分割线********************************】
二、【position】
position是css的定位属性，而position:relative只是其中的一个相对定位属性，还有相对于父级元素的绝对定位属性：position:absolute;当然还有相对于浏览器左上角的position:fixed;的绝对定位属性。如下图的例子红框区，就是用到position:fixed;相对于浏览器的绝对定位属性：
【**************************分割线********************************】
【**************************分割线********************************】
三、【table】
table就是表格，是html语言中的一个标签，在早期的网页界面设计中，常用来做布局，通俗点也就是用来组织网页的外形结构。
这个就不举图例了，因为您随便打开一个网页，首选看到的就是网页的形状结构。
在早期的网页中，table很常用。但现在table布局已经落伍。90%以上的网站是使用div+CSS布局。
四、【实现两个元素在同一行显示】
html元素分为块级元素和非块级元素，块级元素每个都要独占一行，而多个非块级元素写在一起也只占用一行。
楼主所说的三个方法是可以实现两个块级元素在同一行显示，但是这些一般都只能使用在特定的环境。所以没有哪个最好。html和css还有很多种方法使两个块级元素在同一行显示。
建议您去标准之路学习一下css，学习css的过程中还可以顺便学会基本的html。
html和css都是简单易懂的标签语言
一般情况用float吧 好用 易于优化
Vue实践-CSS样式position/display/float属性对比使用
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024