0

この質問は私の前の質問に関連しています: 絶対要素の後に相対要素を配置します

そこに提供されているJsFiddleを更新して、現在のhtml(現在URLはありません)をより正確に反映しました。ここを参照してください:http://jsfiddle.net/dkxUX/22/

このレイアウトは私にとって問題があることに気づきました。

ovの回答へのコメントで、彼は、たとえば#headerdivのような追加のラッパーを作成できると指摘しました。これは確かに悪い考えではありません。この方法でも、要素をその中に絶対的に配置することができますが、静的以外の場所に配置されている限りです。

そして、ここに私の問題があります:

絶対位置の要素の高さがその親の高さに影響するかどうか興味がありました。実際にはそうではないようです:http://jsfiddle.net/qFh6s/1/

イライラしている私はjQueryで試してみました:http: //jsfiddle.net/WD6LF/1/

結果:さらにイライラし、アイデアが不足します。

内容が異なるため、要素に固定の高さを与えることはできません。

実際、私はすでに自分のhtmlに悩まされています。たとえば、スティッキーフッターのラッパーを追加すると、意味がわかりにくくなります。さらに、すべてをdivに入れて絶対的な位置を与えることが、CSSのすべてのハードルに対する答えではないことを理解し始めました。ですから、すべてをスクラッチして最初からやり直す準備をしながら、有用な提案を受け入れることができます。

4

1 に答える 1

1

あなたは本当にフロートを調べる必要があります。フロートは、高さが不明な場合でも要素を配置するのに役立ちます。そして、あなたは罵倒するのをやめます... :)

優れた設計者は、テーブルやポジショニングを使用せず、フロートを使用します。他のdivに従わない場合は、任意のdivでclear:bothを使用できます。私はあなたの質問を完全には読んでいませんでしたが、あなたが探しているフロートはほぼ確実です。これがフロートに関する簡単なチュートリアルですそれを通過し、あなた自身があなたの問題を解決することができるでしょう。あなたの問題が解決されることを願っています。ハッピーデザイン!!

于 2012-06-22T12:43:21.987 に答える