jquery mobile 设置 ui-grid-a 宽度和高度

<div id="findBar" class="ui-grid-a">
2
<div class="ui-block-a"><input placeholder="" data-theme="e" type="search" name="sw" id="sw" value=""  data-mini="true"/></div>
3
<div class="ui-block-b"><button id="doFind" type="button" data-theme="b"  data-icon="search" data-mini="true">查询</button></div>
4
</div>

上边默认样式是两个空间各占50%空间，现在想实现的效果是：
input 占空间2/3，button占空间的1/3
实现方法：

1
<style type="text/css">
2
    div#findBar.ui-grid-a .ui-block-a { width: 65% }
3
    div#findBar.ui-grid-a .ui-block-b { width: 35% }
4
</style>

评论

1 楼 xieshengxi 2013-04-07  

如果一个页面有多个这种grid宽度控制各不同 如何解决？