問題タブ [height]

関連する（おそらく重複する）質問：

HTML / CSS で同じ高さの div を実現するにはどうすればよいですか?

2 つのフローティング CSS 要素を同じ高さにする

こんにちは、みんな、

伸縮可能な 2 列の div を作成しようと何時間も試みましたが、うまくいきませんでした。これが私のhtmlコードとその下の私のcssコードです

私のcssコードは

何か案が？

2つのdivを隣り合わせに含むラッパーdivがあります。このコンテナの上に、ヘッダーを含むdivがあります。ラッパーdivは、100％からヘッダーの高さを引いたものでなければなりません。ヘッダーは約60ピクセルです。これは修正されました。だから私の質問は：ラッパーdivの高さを100％から60ピクセルを引いたものに設定するにはどうすればよいですか？

Windows フォーム アプリケーションで、1 行にテキストを入力するための高さから始まるテキスト ボックスを作成しました。しかし、ユーザーがコントロール内にラップされたテキストを入力すると、テキストボックスの高さが自動的に増加するようにしたいと思います。

現在、このテキスト ボックスのプロパティ multiline と wordwrap を true に設定しています。TextChanged イベントを使用して、テキストがいつ折り返されたかを判断しようとしましたが、これに役立つプロパティが見つかりません。Lines プロパティは、折り返されたテキストには何の助けにもなりません。ユーザーがEnterキーを押して新しい行を開始したテキストのみ。

テキストがテキストボックスの幅を超えて折り返されるたびに、テキストボックスの高さを拡張するにはどうすればよいですか?

Google マップに似たレイアウトの Web サイトを構築しています。ヘッダー、左側にサイドバー、右側に地図があります。

Google マップの Web サイトでは、サイドバーのコンテンツが画面の高さを超えると、横に垂直スクロールバーが表示されます (たとえば、検索ボックスに「レストラン」と入力した場合)。私は同様の効果を達成しようとしており、さまざまなオプションを試しましたが、何も正しく機能していないようです. サイドバーの高さを に設定するautoか100%、サイドバーがページの上部から始まらないため機能しません - 垂直スクロールバーが短すぎてページの下部に到達しない (auto高さの場合) または長すぎますページの高さを超える（高さの場合100%）。Google は JS を使用してサイドバーの高さを計算していると思います。

これを機能させる方法についてのアイデアはありますか?

次の 3 つの URL を比較してください (それぞれの場合の上部のナビゲーション バーを見てください)。

1. http://fast.kirkdesigns.co.uk/blog
2. 上記と同じですが、URL フラグメント #navigation を使用
3. 上記と同じですが、URL フラグメント #node-2655 を使用

唯一の違いは、末尾の URL フラグメントであることに注意してください。

最初の 2 ページはまったく問題なく表示されます (少なくとも Firefox では)。問題があるのは3つ目です。フラグメント #node-2655 は、上部のナビゲーション バーを画面の上部から押し出します。ページの上部までスクロールすると、ナビゲーション バーが半分にカットされています。これは、ページが最初にロードされたときにナビゲーションバーが最初のビューポートの外に出る原因となる URL フラグメントを使用した場合に発生します。

では、url フラグメントを使用すると、このような css レイアウトにどのように影響するのでしょうか?!

解決策: 以下で提案されているように、navbar を保持していたコンテナー要素のオーバーフロー: hidden を削除すると、問題が修正されました。でも、その理由を理解したいです！

ここに私の問題を示す短いテストがあります。iframe をロードするページがあります。

iframe (box.html) には、スタイル設定された div が 1 つ含まれています。

4 つのアラートは、それぞれ 50、60、64、および 74 を返す必要があります。これは、Safari と Chrome で期待どおりに機能します。FF 3.5.1 では、それらはすべて 64 を返します。これは誤りです。

FF/jQueryに正しい値を返すように強制する方法を知っている人はいますか?

divの高さを決定しようとしています。これは単純に聞こえますが、子孫のコンテンツのみがフローティングされるという事実によって複雑になるため、height/outerHeight (jQuery を使用)/clientHeight/offsetHeight を要求すると、ページ上で確実にレンダリングされることは明らかですが、0 しか返されません。高さのある。HTML 構造の例を次に示します。

「text-left」要素と「text-right」要素には「float: left;」があります。と「float: right;」そのため、「ルート」の高さを尋ねると、0 であることがわかります。ただし、もちろん、「テキスト 1」と「テキスト 2」の高さを取得すると、正しくそのことがわかります。それは20か何かです。

「ルート」要素の実際の高さを決定するにはどうすればよいですか? (たとえば、「text-one」の高さが 50 で「text-two」の高さが 20 の場合、実際の高さは 50 であることがわかります)

すべての子孫要素の高さを計算し、それらが浮いているかどうかなどを計算し、最終的な数値を得る何らかのロジックがあると思います...しかし、私はそれを解決するほど賢くありません。

前もって感謝します。

編集: HTML の変更 (たとえば、「クリア」を含める) はオプションではないことに注意してください。このdivの高さをそのまま伝えられるようにする必要があります。

I have one container div holding two sidebars on each side and a content box in the middle. Standard 'blog' layout. The content is way past the sidebars, and the sidebar height stops at my last sentence. How can I extend the height so that is auto extends to the bottom of the page, thus the end of the content box in the middle?

3 つのフローティング div を 3 つのうち最大のフローティング div の高さと一致させる方法を見つけようとしています (これは、clearfix ソリューションを介してコンテナーの高さです)。

私の質問はこの質問とまったく同じですが、回答へのコメントが見落とされるという要件が必要なのは私の質問だけです:)（「2つの列の背景色が異なる場合はどうなりますか？」など）

だから本当に真似できない。このページは、scriptaculous を使用した iGoogle と同様のドラッグ アンド ドロップ メカニズムを使用しており、ドラッグドロップの並べ替え可能なコンテナーはフローティング div です。すべてのコンテナを強制的に同じ高さにすることができれば、ユーザーにとって物事がずっと簡単になります。

解決策を探せば探すほど、純粋な CSS では解決できないようです。その場合は、javascript を使用する必要があります。

前もって感謝します。

編集: idrumgood からのリンクは解決策でしたが、私が最終的に使用した解決策ではありませんでした。最終的に、競合を回避し、1 つの関数に対して jquery ライブラリ全体をロードする必要を回避するために、彼が提案した jQuery 関数をプロトタイプに移植することになりました。

これは、私が最終的に使用した JavaScript 関数ポートです。

ご挨拶！UITableView sectionHeaderHeightはグループ化されたテーブルにのみ使用されることを知っていますが、とにかく質問します（これを行う方法が明らかでない場合に備えて）...

グループ化されていないテーブルのセクションヘッダーの高さ（およびそれとともにフォント/サイズ）を変更する方法はありますか？

「はい」または少なくとも「たぶん」を望んでいます...しかし、それを恐れることは「いいえ」かもしれません。皆さん、どうぞ。