Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何修复溢出时的表布局：自动_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 如何修复溢出时的表布局：自动

Html 如何修复溢出时的表布局：自动

html css

Html 如何修复溢出时的表布局：自动,html,css,Html,Css,我有一张简单的桌子。我想用简单的CSS和我的大脑制作一个可滚动的tbody 我知道这个问题已经讨论过很多次了，但我没有看到其他问题的解决办法 如果tbody可滚动，则滚动显示在tbody的右侧，在这种情况下，会使我的表格和单元格变形 示例->（我避免发布大量HTML代码和CSS代码） 当滚动条出现时，您将看到tbody单元格变形 我有两个问题： 为什么表格单元格会变形？由于表格布局：已修复 为什么我要放 .ov{ 身高：30%； 溢出：自动； }而不是.ov{ 高度：30px； 溢出：自动； }

我有一张简单的桌子。我想用简单的CSS和我的大脑制作一个可滚动的
tbody

我知道这个问题已经讨论过很多次了，但我没有看到其他问题的解决办法

如果
tbody
可滚动，则滚动显示在
tbody
的右侧，在这种情况下，会使我的表格和单元格变形

示例->（我避免发布大量HTML代码和CSS代码）

当滚动条出现时，您将看到
tbody
单元格变形

我有两个问题：

  • 为什么表格单元格会变形？由于
    表格布局：已修复
  • 为什么我要放 
    .ov{
身高：30%；
溢出：自动；
}
    而不是
    .ov{
高度：30px；
溢出：自动；
}
    ，滚动条不会出现，t车身高度变满

    • 谢谢。

    这很正常。滚动条显示在
    t正文中。但滚动条需要一些空间来显示它的按钮，这就是为什么它会推动你们的单元格<代码>表格布局：已修复
    在此处没有角色。你可以试着把小提琴上的那根线去掉。最好尝试一些JavaScript滚动条解决方案。

    好吧，我对一些需要处理的表也有同样的问题，但在IE中，它们有点棘手。使用相同的代码，我向JSFIDLE添加了两个CSS样式，并向引用我的新CSS类的HTML元素之一添加了一个类。以下是链接：

    这是我添加的代码（请原谅这个蹩脚的css类名）

    我把这门课放在thead部分的第三栏

    <td class="extra">Column 3</td>

    第3列
    我在FireFox（最新版本）中对此进行了测试。唯一的问题是，对于第三列，标题字段更大，因为它包含滚动条的宽度

    希望有帮助

    <td class="extra">Column 3</td>