元素强制其他元素在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

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

Answer 2

例如，尝试设置溢出规则(overflow: scroll;)。这将告诉浏览器，当元素中的内容超过元素所能包含的内容时，该如何处理。

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