HTML表格问题(修复左侧单元格,右侧单元格填充所有其余内容)

时间:2012-04-29 23:15:42

标签: html

我需要帮助我无法正确使用的桌子。这是一个非常简单的表,只有两个单元格(左右):

<table>
   <tr>
     <td width="100px">
       my content 1
     </td>
     <td>
       my content2
     </td>
   </tr>
</table>

我希望左边的那个是固定大小(100px),而右边的那个要扩展到页面的其余部分。

问题在于我尝试过的一切都没有。如果我按原样离开,它将与“我的内容2”一样大。

我试图在第二个上放置一个隐藏元素(如图像),以确保它一路走来,但在我的小上网本上,它超出了桌子的大小并打破了它。所以我无法将图像定义为与屏幕一样大。

还有其他想法吗?它应该很简单,但我无法完成它。

2 个答案:

答案 0 :(得分:1)

width: 100%添加到您的表格

http://jsfiddle.net/rU9Tu/

答案 1 :(得分:0)

通常,表会调整其内容的大小,因此您需要设置表以获取可用的全长。

<table width="100%">
...
</table>