1

動的な高さのフレームがあります。
その中には 3 つのセクションがあり、そのうちの 1 つがコンテンツ セクションです。

コンテンツの端をフレームから一定の距離に固定したい。

問題を再現するフィドルを次に示します。問題を再現するときに使いやすいという理由だけで、フィドルで jquery-ui-dialog を使用しています。ソリューションに jquery-ui-dialog 固有のコードを含めることはできません。ただし、jquery と jquery-ui を使用できます。

存在する場合は CSS ソリューションが望ましいです。

ここに画像の説明を入力

4

2 に答える 2

4

要素を配置すると、説明したような問題を簡単に解決できます。たとえば、 を使用できますposition:absoulte。次に、、、およびプロパティを使用して、必要な場所に要素を配置できますtop。ここにサンプルcssがあります：rightbottomleft

#content {
    border: 1px solid blue;
    bottom: 34px;
    top: 34px;
    left:10px;
    right:10px;
    position: absolute;
}
#footer {
    border: 1px solid green;
    bottom: 10px;
    left:10px;
    right:10px;
    position: absolute;
}

デモ: http://jsfiddle.net/BV5Z6/4/

于 2012-08-20T08:04:02.823 に答える
1

「 alsoResize 」オプションを適用する必要があります...そうすると、コンテンツはコンテナと同時に成長します。

引用：

Resize these elements synchronous when resizing.

Code examples

Initialize a resizable with the alsoResize option specified.
$( ".selector" ).resizable({ alsoResize: ".other" });
Get or set the alsoResize option, after init.
//getter
var alsoResize = $( ".selector" ).resizable( "option", "alsoResize" );
//setter
$( ".selector" ).resizable( "option", "alsoResize", ".other" );

ソース：jQueryUI-サイズ変更可能なオプション-alsoResize

于 2012-08-20T08:26:07.647 に答える