html - 元素强制另一个元素在 html 中变小

Question

背景信息

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

问题

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

这里是 CSS 的代码，它应该将宽度定义为 100px:

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

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

Answer 1

设置显示: block ；。这将强制 td 采用指定的宽度。