我怎样才能摆好桌子?

时间:2011-08-07 00:52:29

标签: html css position css-position

如何防止表格单元重叠?我需要将表格左侧的表保持在固定位置,因此右侧的数据需要滚动左侧的td单元格将保留在那里。

我在这里有一个html示例 -

http://jsbin.com/ifiha4/edit#preview

和代码 -

<table ID="Table1" Width="100%">
    <tr>
        <td align="center" class="style2"> 
            <table border="" style="width:20%;position:fixed;left:54px; top: 84px;">
                <th>some table</th>
                <tr>
                    <td>&nbsp</td>
                </tr>
            </table>
        </td>
        <td align="center">
            some text blah blah blah    
        </td>
     </tr>
 </table>

1 个答案:

答案 0 :(得分:1)

<td align="center" class="style2" style="width:100px;">

我认为你应该尝试在你正在使用的每一列上设置宽度。这对你有用吗?

更好的方法是这样做:

<div style="float:left; width:100px; border:1px solid black">

Column 1 content

</div>


<div style="float:left; width:100px; border:1px solid black">

Column 2 content

</div>

从长远来看,你会很高兴改为div。 :)

http://jsbin.com/ifiha4/7/edit#preview