确保div永远不会相互交叉

时间:2013-04-14 22:05:12

标签: css jquery-mobile

我有两个并排的div,每个都有50%的宽度并且向左浮动我想要的但是如果它们不适合页面上一个div应该落在另一个div之下。我怎么能在CSS中这样做?我还应该提到使用jQuery Mobile,如果它有所作为。我的代码如下: #artistimage,#artistinfo{ width: 50%; float: left; }

1 个答案:

答案 0 :(得分:1)

正如您在http://jsfiddle.net/PMXpb/看到的那样,当它们被设置为50%宽度时,它们总是适合。 {width:50%; height: 100px; float:left;}

如果您将它们设置为固定宽度(像素值),那么当空间不足时,它将低于另一个宽度,如下所示:http://jsfiddle.net/Yk4sX/     {width:300px; height: 100px; float:left;}

您可以通过调整浏览器大小来测试这两种情况。