Question

我在table内有一个非常广泛的div，而fieldset位于form内，article位于div内

这个宽表会导致fieldset和form增加宽度。 div不会增加宽度。

我想为table显示水平滚动条。但这不起作用，因为它与div具有相同的宽度。

如何防止table增加宽度？
请注意def headName(): print (Name[0].upper()) def tailName(): print (Name[1:].lower()) Name = input("Please enter a name ") headName() tailName()的高度是动态的，并根据用户互动而变化我想在没有JS的情况下实现这一点。

Fiddle demonstrating my problem

如果您认为这与现有问题重复，请先使用我的具体设置测试解决方案，谢谢。我测试了很多，似乎没有一个在我的场景中工作。

Answer 1

从更深入的角度来看，我注意到fieldset元素具有直接从网络工具包继承的min-width属性（至少在Chrome中）。它似乎违背了你想要做的事情。

您可以通过指定fieldset元素来解决您的问题：

<强> CSS

fieldset { min-width:0px; }

选中此FIDDLE

更新：一个也适用于Firefox

的修复程序

对fieldset行为here的解释（感谢@Pangloss抓住这个！）：

<强> CSS

fieldset {
    min-width: 0px;
}

@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

新FIDDLE

防止孩子增加父

1 个答案: