有没有能解决一下，大学生刚入门

如何把红色这个放到下面去，都用了float:left还是并排在同一行

你好，红色这块不要浮动，同时，你还要清除上面那块的浮动，才能放到那个位置，建议看一下清除浮动

就是因为用了float 才会这样，在长宽足够的情况下 非块状元素会共用同一行，不知道你最终想实现什么效果，但块状元素和行内元素 搭配使用即可

float:left应该用于这两个box的外层div，里面两个不要用浮动

浮动这个了解一下就行了，平时使用的多的还是 flex 布局， 左右结构 直接 display: flex；上下模式添加属性： flex-flow: column nowrap;居中则是: display: flex;align-items: center; justify-content: center;（一个横着居中一个竖着居中）；自动填充剩余内容flex: 1；与自动填充配合的： flex: 0 0 200px；flex布局看的文章建议直接开卡阮一峰的flex布局就行了