1

ソースコードの最初のコンテンツで検索エンジンとスピードブラウザに適したレイアウトを実行したいと思います。通常、これは次のようになります。

    <body>
    <div id="content" style="margin-top: 200px;">
    i am content, i go first
    </div>
    <div id="head" style="height: 200px; position: absolute;">
    i am an header that is depressed because my designer things i am not important
    </div>
    </body>

しかし、動的なサイズのヘッダーが必要です。そのコンテンツとともに高さが高くなります...これは一般的な問題である必要があります。どういうわけか解決することは可能ですか？何か案は？

4

4 に答える 4

1

私に関する限り、それはテーブルを使用してのみ達成できます。

<table>
    <tr>
        <td><!-- empty table cell --></td>
        <td rowspan="2" valign="top">General Content</td>
    </tr>
    <tr>
        <td valign="top">Navigation</td>
    </tr>
</table>
于 2010-09-18T20:53:59.723 に答える
1

CSSだけではこれは不可能だと思います。JavaScriptが必要です。

于 2010-09-18T20:50:17.407 に答える
1

私は@babtekに同意しますが、私は本当に間違っていたいのですが、これは面白そうです。

また、これはおそらく必要なものではありませんが、HTML5には「逆」属性があり、<ol>これでうまくいく可能性があります。

于 2010-09-18T21:04:10.990 に答える
0

divにidのタグを付けたので、スタイルをcssに入れる方が理にかなっています。

いずれにせよ、あなたは試しましたか

height: auto;

高さをコンテンツに合わせて調整したいが、少なくとも200pxにしたい場合は、

min-height: 200px;

トリックを行う必要があります。

于 2010-09-18T21:20:28.787 に答える