0

柔軟な高さと 2 つの div を持つ div があります。最初の高さは 60px に固定されており、2 番目の高さには外側の div 内の他のすべての左側の領域が含まれている必要があります。JavaScript自体やJQueryではなく、angularJSの回答が必要です

フォームを見てみると、外側のdivがブラウザウィンドウの場合しか書かれていませんでした。また、自分でディレクティブを作成しようとしましたが、解決策はありませんでした。

回答や提案をいただければ幸いです。

htmlコード

<div ng-app = "myApp" id = "outer" ng-style = "styleOuter()">
   <div id = "first" style = "height: 60px">first content</div>
   <div id = "second" ng-style = "style()">second content</div>
</div>

外部 div : angularJS ディレクトリの styleOuter()関数は、外部div の高さを「windowSize-100px」に設定します

最初の div : 高さは固定 (60px)

2 番目の div : angularJS ディレクトリの style()関数は、2番目の div の高さを「outerDivSize - 60px」に設定する必要があります

4

2 に答える 2

1

このソリューションを回答として投稿しています。これは、以前にコメントで投稿した Fiddle の 2 番目のバージョンです。

申し訳ありません@pixelllですが、考えすぎていると思います。div外側( windowSize-100px) と固定div( )のサイズがわかっている場合height: 60px、内側に対して行う必要があるのは、そのdiv親の CSS 位置を何かに設定することだけです(これにより、新しいポジショニング コンテキストが作成されます)。この新しいコンテキスト内では、絶対に行う必要があります。で内側のdivを配置しbottom: 0ます。それだけだと思います。

于 2013-07-19T13:04:50.457 に答える
0

質問を説明するjsfiddleを提供できますか? 私はあなたの問題を理解するのが難しいです.cssの問題のようですが、例を提供すれば有効な解決策が見つかります.

于 2013-07-19T09:13:12.037 に答える