我有 2 个并排的 div，每个都有 50% 的宽度并向左浮动但我想要的是，如果它们不能放在页面上，那么一个 div 应该低于另一个 div。我怎样才能在 CSS 中做到这一点？我还应该提到我正在使用 jQuery Mobile，如果这有所不同的话。我的代码如下:
#artistimage，#artistinfo{
宽度:50%；
向左飘浮;
}
最佳答案
正如你在这里看到的http://jsfiddle.net/PMXpb/当它们设置为 50% 宽度时，它们总是适合。
{宽度:50%；高度:100px； float :左；
如果您将它们设置为固定宽度(像素值)，则当空间不足时，一个将低于另一个，如下所示:http://jsfiddle.net/Yk4sX/
{width:300px;高度:100px； float :左；
您可以通过调整浏览器大小来测试这两种情况。
关于css - 确保 div 永远不会相互交叉，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16004908/