s不正确。
我有一个问题与CSS。我有一个<div>元素，里面有两个<div>。一个样式是float:left，另一个样式是float:right。他们的宽度设置为50%，这一切都很好，他们完全对齐的方式，他们应该。问题是当我设置@media min-width:500px时，我希望它们像<div> s一样正常运行，并显示在另一个下面。这确实发生了，但是第二个div没有像它应该的那样向左对齐，而是保持在右边，就在第一个div的下面。
如何解决这个问题?
jsBin演示
在@media设置宽度为100% (或auto)。
如果你愿意，作为 + 你也可以重置你的浮动到none
@media (max-width: 768px) {
.left, .right{
float:none;
width:100%; /* or `auto` */
}
}