由于各个浏览器在样式方面都有一些差异，还有一种情况就是，向右浮动的元素宽度不够时也会出现换行的问题，这个时候只要修改宽度就可以解决。
创新互联是一家专业提供吉木乃企业网站建设,专注与成都做网站、成都网站设计、H5场景定制、小程序制作等业务。10年已为吉木乃众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。
右对齐的元素会换行，这样就会出现左右元素不在同一条线上，我们可以通过以下方式来解决这个问题： 第一种解决办法：把左右对换，比如把日期放在标题的前面，对调一下就好了。 第二种解决办法：给左边也加上float：left。
你好，你在CSS里面，.main .gn2，表示在mian类里的gn2生效， 你的HTML代码里面并没有main类，所以css所有样式都没有选择成功，把css里的.main全都去掉，就可以在同一行了，下图是去掉.main后的效果。
HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的左右边框。
给浮动的元素的容器添加浮动 给浮动元素的容器也添加上浮动属性即可清除内部浮动，但是这样会使其整体浮动，影响布局，不推荐使用。使用邻接元素处理 什么都不做，给浮动元素后面的元素添加clear属性。
方法1：固定宽高 给浮动的元素添加父级div盒子，再给父级盒子设置高度 方法2：一起浮动 父元素也添加浮动，这样父元素也脱离文档流 方法5：父级添加双伪元素 ：after 方式是额外标签法的升级版。
使用clear：both清除浮动 在代码中在放一个空的div标签，然后给这个标签设置clear：both来清除浮动对页面的影响。
有选择把页面中的所有元素都浮动起来，最后使用一个适当的有意义的元素（比如页脚）进行清理浮动，这有助于减少不必要的标记，但是过多的浮动会增加布局的难度。
方法1：固定宽高 给浮动的元素添加父级div盒子，再给父级盒子设置高度 方法2：一起浮动 父元素也添加浮动，这样父元素也脱离文档流 方法5：父级添加双伪元素 ：after 方式是额外标签法的升级版。
--清除浮动的四种方式： 使用空标记清除浮动，隔墙放。增加标签。
接下来在文章中将为大家详细介绍几种清除浮动的方法，具有一定的参考价值，希望对大家有所帮助。
第一种方式： 因为浮动框不在普通的文档流中，所以它不占据空间。
hidden*/ display： block； visibility： hidden； clear： both；}.clearfix {zoom： 1； /*兼容ie6*/}双伪元素标签页面上不存在的元素可以通过css添加上去，每个元素都有自己的伪元素。