注：对第一个元素设置clear，对其后面元素不起作用。
clear属性用来指定的浮动元件不允许浮动该哪一侧；它设置或返回元素相对于浮动对象的位置。而"clear: both"用于设置在左右两侧均不允许浮动元素。
原文地址： CSS规则"clear: both"有什么作用？
当不需要与指定元素相关的任何元素在左右浮动，并且仅在下面显示时，就可以使用该"clear: both"规则。该规则还表明没有其他元素占用左右两边的空间。
语法：
示例：
效果图：
浏览器支持：
● Google Chrome
● Internet Explorer
● Firefox
● Opera
● Safari
推荐阅读：
java基础教程
layui框架
go语言教程
首先你的问题描述相当不详细，但是可以肯定的是，如果浮动的两个元素宽度超过父元素，绝对不可能在同一行，除非在z-index上分布，在不受影响的情况下，没有浮动的元素保持块级元素属性，所以也不可能在同一行，clear的用法是清除前面元素浮动对自己的影响，以及清除自身对周围相邻元素的影响，保持自己的块级元素属性，
很多时候结构的不合理性会造成很多奇诡的表现，有时结构的不合理性不是css能控制的，基本的常识还是要明白的，表现诡异是结构的不和理性及人为乱写代码作用结合的产物，
