Question

我有一个生成静态HTML文件的程序。我有一个表格中文件部分的链接列表。我希望能够跳转到链接或滚动文件并使表保持固定。我有这个代码通过CSS工作：

<table>
<tr><td><table><tr><td> <div style="position:fixed; top:50px; right:10px"> Table of    Contents Table</div> <td></tr>
<tr><td> <div style="position:fixed; top:65px; right:10px">Some Contents</div></tr>
<tr><td> <div style="position:fixed; top:80px; right:10px">Some More Contents</div>   </td></tr>
<tr><td><div style="position:fixed; top:95x; right:10px"> Even More Contents</div>   </td></tr>
</table>

我有这个代码不起作用。如果我将样式标签包裹在整个表格周围，它会锁定整个页面而您无法滚动。即使我将表包装在div标签中也会发生这种情况。这样做是首选，因为我不必像表格的每一行都有自己的样式标签那样使用垂直偏移。

<style type="text/css">
table#t-legend
{ position: fixed; top: 50px; left: 10px }
</style>

<div> <table id="t-legend">
<tr><td><table><tr><td> Fixed Contents Table</td></tr>
<tr><td> Some Contents</tr>
<tr><td> Some More Contents</td></tr>
<tr><td> Even More Contents</td></tr>
</table>

Answer 1

查看此小提琴http://jsfiddle.net/pPQu2/3/ 请注意，我删除了＃t-legend的css并检查了标记。希望这可以帮助。：）

Answer 2

您的HTML无效。

<table id="t-legend">没有匹配的结束标记，还有一些其他未打开/未关闭的tr，td，p标记。验证您的HTML始终是一个好的开始。

有关工作示例，请参阅http://jsfiddle.net/pPQu2/5/。我没有解决所有糟糕的HTML，但固定位置位工作。希望这会有所帮助。

Answer 3

我不知道这是不是你的意思所以请原谅我，如果我错了，但我检查了你的jsfiddle页面，如果你想让你的桌面可滚动的页面，只需在你的css中更改以下内容：

{ position: fixed; top: 50px; left: 10px }

为：

{ position: relative; top: 50px; left: 10px }

然而，这是一个创可贴的黑客攻击，我这样说是因为其他一些成员已经指出确保关闭你的

是很重要的

<tr>

标记

</tr>

并将你的td标签保存在tr标签内并关闭它们，如下所示：

<tr><td> whatever u want here </td></tr>

截至目前，您的表格编写得不好，并且永远无法验证。你应该在编码时保持良好的习惯，这样你就像我们其他人一样冷静。希望有所帮助。

Answer 4

您尚未关闭<div>代码：

<div> 
    <table id="t-legend">
        <tr><td><table><tr><td> Fixed Contents Table</td></tr>
        <tr><td> Some Contents</tr>
        <tr><td> Some More Contents</td></tr>
        <tr><td> Even More Contents</td></tr>
    </table>
<!-- close the tag here -->
</div>

未公开的标签可能会导致各种问题，请尝试此操作并报告您的代码是否仍无效。

更好：在JSFiddle中重新创建您的问题。

修复表的位置

4 个答案: