html - element 强制其他元素在 html 中变小

Question

背景资料

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

问题

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

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

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

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

Answer 1

例如，尝试设置溢出规则 ( overflow: scroll;)。这将告诉浏览器当元素中的内容超过元素可以包含的内容时该怎么做。

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

Answer 2

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