Html 为什么我的响应式布局没有'；不行？CSS问题，浮动：无；似乎不起作用

我试图通过媒体查询使布局响应，但当我缩小浏览器时，元素会向左浮动

为什么浮动：没有；他在这里不工作吗？这是修理它的正确方法吗

先谢谢你

。行{宽度：100%；最大宽度：940px；最小宽度：320px；边距：0自动；}
@仅媒体屏幕和（最大宽度：960px）{.row{padding:0 20px；}
.row.row{最小宽度：0px；}
@仅媒体屏幕和（最大宽度：960px）{.row.row{padding:0；}
.column，.columns{margin left:2.12766%；float:left；最小高度：1px；-webkit框大小：边框框；-moz框大小：边框框；框大小：边框框；}
.column:first child、.columns:first child、.alpha{margin left:0px；}
.行.六列{宽度：48.93617%；页边距底部：20px；}
@仅媒体屏幕和（最大宽度：767px）{body{webkit文本大小调整：无；-ms文本大小调整：无；宽度：100%；最小宽度：0；}
.container{最小宽度：0；左边距：0；右边距：0；}
.行{宽度：100%；最小宽度：0；左边距：0；右边距：0；}
.row.row.column、.row.row.columns{padding:0；}
.row.centered{边距：0！重要；}
.column、.columns{width:auto！重要；float:none；左边距：0；右边距：0；}
.column:last child，.columns:last child{margin right:0；float:none；}

发现
这里什么都行

发现
这里什么都行

如果没有需要演示的内容，请不要使用代码段功能。在这种情况下，“运行代码”按钮会导致一个空白页，因为

div

元素中没有内容。请尝试以简单演示问题的格式将代码联机。您可以使用类似于JSFIDLE的内容-我将代码放在此处：。如果可能，请显式说明您看到的行为以及所需的行为。您希望l布局？你有你想要它如何布局的图像吗？如果你发送一个包含区域基本布局的完整页面，也可能会有所帮助。很抱歉造成混淆，我在这里是全新的。@Crummy这正是我想要的，当浏览器大小减小时，div会相互重叠。有趣的是，它正在使用你制作的JSFIDLE，而不是在我的电脑上工作。在这种情况下，尝试用更多的HTML和CSS填充JSFIDLE，直到问题再次出现，然后发布到这里。