私たちは、HTML5に基づいた私たちのiPadアプリのグラフィカルインターフェイスのフレームワークをjQuery Mobileとしています。左側の狭いサイドバーの右側の主な内容：：私たちはiPad用アプリを作成しているので、それがiPadであるように、私たちは基本的に、典型的な分割画面を必要とするjQuerymobile - iPad用のブロックと分割画面
今私の質問：私はこの分割された画面を作成するためのコードを探していますが、これについてはjquerymobileのドキュメントで何も見つかりません - 私はそれを逃したか、それとも理解できませんでしたか？このウェブサイトに分割画面のコードが存在しない場合は、どこに関連するものがありますか？
私は何が必要なのか分からなかったので、私はこの分割画面を得る別の方法を試しました。だから私は、CSSスタイルシート内のブロックで働いていた。説明のため
：jQuerymobileのドキュメントでは、私は、だから私は作成について考えた名前「コンテンツの書式設定]> [レイアウトグリッド（列）」（http://jquerymobile.com/demos/1.0b1/#/demos/1.0b1/docs/content/content-grids.html） でカテゴリを見つけました分割された画面を作るための2つのブロック。しかし、私は50/50で分割された画面は必要ありませんが、20/80または30/70よりはるかに多くなります。私は自分のスタイルシートにそれを変更しようとしました：
.ui-grid-x { overflow: hidden; }
.ui-block-x, .ui-block-y { margin: 0; padding: 0; border: 0; float: left; min-height:1px;}
/* grid a: 20/80 */
.ui-grid-x .ui-block-x { width: 20%; }
.ui-grid-x .ui-block-y { width: 80%; }
.ui-grid-x .ui-block-x { clear: left; }
元だった：
.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d { overflow: hidden; }
.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e { margin: 0; padding: 0; border: 0; float: left; min-height:1px;}
.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 50%; }
.ui-grid-a .ui-block-a { clear: left; }
誰も私が間違って何をしたか知っていますか？ ブロックのサイズを変更するにはどうすればよいですか？このようにするのが正しい方法ですか？ ありがとうございます。