Css 反应灵敏的潜水艇不能在手机上堆叠

早些时候，我已经让它正常工作了，但当我继续编辑时，我一定做了些什么，现在这两个div在mobileview上没有堆叠。我发现了一篇类似的帖子，但是提供的示例站点已经不起作用了，所以如果没有上下文，答案就没有什么帮助了

我试着调整浮动，但似乎无法得到我需要的结果，我不认为这是反正，因为它是以前的工作。你知道我可以调整什么来解决这个问题吗

.eventcontainer{ 底部：0； 利润率：.5%； 宽度：95%； } .eventleft{ 显示：块； 浮动：左； 宽度：70%； 最大宽度：700px； } .eventright{ 显示：块； 浮动：对； 宽度：20%； 文本对齐：左对齐； 边框：2个实心9cc； 填充：2%； } @媒体屏幕和最大宽度：900px{ .eventcontainer{ 底部：0； 利润率：.5%； 宽度：100%； } .eventleft{ 显示：块； 浮动：左； 宽度：80%； 最大宽度：575px； } .eventright{ 显示：块； 浮动：对； 宽度：20%； 文本对齐：左对齐； } } @媒体屏幕和最大宽度：600px{ .eventcontainer{ 最大宽度：95%； 保证金：0自动； } .leftcontent{ 浮动：无； 文本对齐：居中； } .rightcontent{ 浮动：无； 文本对齐：左对齐； } } 学生活动

CMS学生参与。。。废话

社交媒体意识

本周一些学生和教职员。。。雅达雅达

鉴于本周发生的事件。。。牦牛

事件 家长教师会议 2014年11月20日，星期四 下午2:00-7:00 每季度的家长教师会议将在感恩节前的星期四举行。来见见你孩子的老师，顺便去礼堂参加学生艺术展

感恩节假期 2014年11月24日至28日 感恩节这周不上学

---

您在移动视图上定义了超过100%的宽度。最简单的修复方法是应用：

* {
    box-sizing: border-box;
}

---

。。。发送给所有或仅发送给您上面提到的选择器。另一种方法是以百分比为单位设置边距+填充，所有边距加上元素宽度和边框。您应该了解框大小属性。

Crud。我刚刚意识到我在手机上粘贴了错误的代码。它应该是：.eventcontainer{max width:95%；margin:0 auto；}.leftcontent{float:none；text align:center；}.rightcontent{float:none；text align:left；}不管怎样，我告诉过你问题所在-宽度超过100%。如果你说for.element{width:30%；padding:10%；margin:5%；border:2px；}它从父元素获得的总宽度是30%+2*20%+2*10%+2*2px=90%+4px。框尺寸：边框框总宽度为30%。