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

我认为仅使用 CSS 是不可能的。需要 JavaScript。

于 2010-09-18T20:50:17.407 回答
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

我同意@babtek，但我真的很想错，因为这看起来很有趣。

此外，这可能不是您需要的，但 HTML5 有一个“反转”属性可以<ol>解决问题。

于 2010-09-18T21:04:10.990 回答
0

由于您已经用 id 标记了 div，因此将样式放在 css 中更有意义。

无论如何，你有没有试过

height: auto;

如果你想让高度随内容调整但至少有 200px，那么

min-height: 200px;

应该做的伎俩。

于 2010-09-18T21:20:28.787 回答