看到你的问题首先针对的问题是float浮动问题，你得显示问题和position没有一丁点关系，因此ab显示和abc显示的问题就是简单的float设置问题，因此你所说的问题有没有设置position效果都是一样，你可以验证一下。css中float的守则就是如果浮动就都浮动，如果不浮动就都不浮动，这样能够很有效的解决你上面的问题，但是也有特殊的情况：例如父div中有abc，a不浮动，bc浮动。这样也显示正常。
至于原因我个人只能按照float脱离文档流来解释了(可以理解成脱离了正常的文档显示顺序)。不知道对你有没有帮助，下面给你一个w3c教程的地址，很权威的标准教程，慢慢学习吧http://www.w3school.com.cn/css/css_positioning_floating.asp
1．创建一个新的HTML文件百，该文件被称为测试。标题是“CSS实现的鼠标在导航栏上显示的超链接的下划线效果”。
2．在页面上写nav标签，放入三个超链接（首页，第一栏，第二栏），代码如下。
3．运行代码，效果如下。
4．使用backCSS来美化字体大小、颜色和导航字体的排列。守则如下。
5．运行代码，效果如下：可见，经过CSS样式美化，当鼠标经过时，显示蓝色。
6．使用CSS代码，实现鼠标在上面显示下划线效果，代码如下。
7．在浏览器中运行代码以达到预期的效果。
