我有两个并排的div,每个都有50%的宽度并且向左浮动我想要的但是如果它们不适合页面上一个div应该落在另一个div之下。我怎么能在CSS中这样做?我还应该提到使用jQuery Mobile,如果它有所作为。我的代码如下:
#artistimage,#artistinfo{
width: 50%;
float: left;
}
答案 0 :(得分:1)
正如您在http://jsfiddle.net/PMXpb/看到的那样,当它们被设置为50%宽度时,它们总是适合。
{width:50%; height: 100px; float:left;}
如果您将它们设置为固定宽度(像素值),那么当空间不足时,它将低于另一个宽度,如下所示:http://jsfiddle.net/Yk4sX/
{width:300px; height: 100px; float:left;}
您可以通过调整浏览器大小来测试这两种情况。