element强制其他元素在html中更小

Question

背景信息

我正在建立一个向用户显示图片的网站。该网站使用“帖子”表格。

问题

当我将图片（或div）添加到表格时，它会自动调整其旁边的列的大小。你可以看看这个小提琴。 http://jsfiddle.net/hsNpj/红色DIV强制其左侧的列小于其定义的宽度。奇怪的。我认为宽度意味着宽度而不是'宽度类似'。

以下是CSS的代码，它应该定义为100px：

的widht

td.postopt
{
    background:#f6f6f6;
    width:100px;
    border-right:1px solid #666;
    height:100%;
}

为什么HTML＆amp; CSS会这样做？我该如何解决？

Answer 1

尝试设置溢出规则（overflow: scroll;）。这将告诉浏览器当元素中的内容多于元素可以包含的内容时该怎么做。

另外，请记住，表和表元素的行为与标准布局元素的行为不同。

Answer 2

设置display:block;。这将强制td获取指定的宽度。