确保div不会相互交叉
确保div不会相互交叉
提问于 2013-04-15 06:05:12
我有两个并排的div，每个都有50%的宽度，向左浮动，但是我想要的是，如果它们不能放在页面上，一个div应该放在另一个div下面。我如何在CSS中做到这一点？我还应该提到我正在使用jQuery手机，如果这有什么不同的话。我的代码如下：#artistimage,#artistinfo{ width: 50%; float: left; }
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-04-15 07:21:05
正如你在这里看到的http://jsfiddle.net/PMXpb/，当它们被设置为50%宽度时，它们总是适合。{width:50%; height: 100px; float:left;}
如果您将它们设置为固定的宽度(像素值)，则当空间不足时，一个会落在另一个的下方，就像这样：http://jsfiddle.net/Yk4sX/ {width:300px; height: 100px; float:left;}
您可以通过调整浏览器的大小来测试这两个案例。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16004908
复制相关文章
相似问题
腾讯云开发者
