div内的表格溢出

2024-02-19

我有一个非常基本的 CSS 问题。 我有一个高度固定的 div,并且该 div 内有一个表格。

除非 div 具有滚动条,否则表格的内容将无法容纳在 div 中。现在的问题是, 表格的内容溢出了 div,因为它的高度超过了我在 div 上设置的高度。

这就是我为 Div 所做的

 display: inline-block;
    float: left;
    max-height: 200px;

这是一个例子。

jsfiddle http://jsfiddle.net/LNS26/58/

如何让表格适合 div 并具有滚动条?这并不特定于任何浏览器。我自己在 Chrome 和 IE 中都尝试过。


[edit] 引用你的要求:

如何让表格适合 div并且有一个滚动条.

添加以下内容到.test (fiddle http://jsfiddle.net/LNS26/60/)

overflow-y:scroll;

文档用于overflow-y http://www.w3.org/TR/css3-box/#overflow-y

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

div内的表格溢出 的相关文章

  • dom 元素转换后 IE 显示水平滚动条

    我在网站的各个地方使用了以下 css http jsfiddle net uycq29mt 1 http jsfiddle net uycq29mt 1 a position absolute background red width 60
  • 滚动时我的身体背景颜色消失

    我希望有人能帮帮忙 我已将 body height 属性设置为 100 当所有内容同时显示在屏幕上时 这很好 然而 当我需要滚动 最小化窗口时 主体颜色消失 只留下我为 HTML 背景设置的颜色 有人知道解决办法吗 html backgro
  • SVG img keepAspectRatio Chrome

    当我对 SVG 文件中的图像使用preserveAspectRatio none 时 它 似乎在 Google Chrome 中不起作用 SVG 不会根据图像宽度和高度进行缩放
  • 排除单个浏览器使用 CSS 类

    我想排除 Internet Explorer 使用特定的 CSS 类 这可能吗 Details 我有一个 css 类 看起来像 input type radio checked input type radio hover box shad
  • iOS Safari 通过单击按钮触发扫描信用卡

    您好 我目前正在创建一个测试应用程序 当用户单击文本字段名称或卡号时 扫描信用卡功能对我有用 我的问题是 我希望当用户单击 button1 时发生同样的情况 这应该打开相机来扫描卡并填充现有的文本字段 即名称 卡号和到期日期 额外的好处是
  • 如何淡化循环背景图像?

    这里的菜鸟 我试图让我的静态背景变成一个轮播 我当前的html看起来像这样 div class pageContent div 和我的CSS body background url http placehold it 1600x1200 n
  • iOS 11 浏览器图像错误

    在 iOS 11 中滚动页面时出现以下错误 在 Firefox Safari 和 Chrome 中 在 Android 设备中 不会发生该错误 这些是背景图像 我不知道这是否是导致错误的原因 图 2 显示了图像在 Android 中的用途和
  • 限制文本区域中每行的字符数

    我整个周末都在寻找解决这个难题的方法 但尚未找到一个可以正常工作的解决方案 我想要实现的是限制文本区域中每行的字符数 不是相同地限制它们 而是我选择的每行不同的字符数 例如 我只想在我的文本区域中包含 4 行 第 1 2 和 3 行将限制为
  • 有没有模拟 Facebook 游览的 jQuery 插件?

    我指的是 Facebook 游览 可能使用开箱即用的 Facebook CSS 我已经知道这两个 http tympanus net codrops 2010 12 21 website tour http tympanus net cod
  • 将一个文本框的内容复制到另一个文本框

    假设在文本框中输入了一个条目 是否可以在第二个文本框中保留相同的输入文本 如果是这样 这是如何完成的
  • 未捕获的引用错误:myFunction 未定义[重复]

    这个问题在这里已经有答案了 这到底是怎么回事 http jsfiddle net sVT54 http jsfiddle net sVT54
  • 使用模态表单 ajax 超出 HTMLFormElement.toString 的最大调用堆栈大小

    我想使用模态窗口中的 ajax 请求提交表单 单击此链接可打开该模式 a class btn btn primary i class fa fa edit i Write a review a 模态窗口 div class modal fa
  • HTML colorpicker 发生变化时如何获取新值?

    我正在开发一个需要更改 HTML 颜色的网络应用程序canvas基于的价值观colorpicker 我有一个colorpicker在我需要获取的 HTML 中value从每次更新开始
  • Aptana Studio 3 上的预览选项卡在哪里?

    我在 Windows PC 上使用 Aptana Studio 2 并有一个选项卡用于在 IE 上预览页面 另一个选项卡用于在 Firefox 上预览 但我切换到了 Aptana 3 我不知道是没有预览还是我没有找到它 是的 我在 stac
  • 如何滚动到div内的元素?

    我有一个滚动的div我想在点击它时发生一个事件 它会强制执行此操作div滚动以查看内部元素 我写的JavasCript是这样的 document getElementById chr scrollIntoView true 但这会在滚动时滚
  • 更改离子搜索栏的占位符和清晰图标颜色不是全局的吗?

    我有两个离子搜索栏 我只需要更改其中之一的占位符和清除图标颜色
  • 如何使 jQuery 向上动画

    我有一些 jquery 运行得相当好 但是当我将鼠标悬停在有问题的元素上时 底部向下扩展 这并不意外 但不是所需的效果 我希望元素的底部保持静止 而元素的顶部向上扩展 如果您想查看我目前拥有的内容 您可以导航至http demo ivann
  • 如何在 Bootstrap 3 中指定行高?

    使用 Bootstrap 3 我将 row 类的高度设置为 3 5em 我在行中有几个输入 它们与行的顶部对齐 我想让它们底部对齐 我尝试过垂直对齐 底部的样式 但这似乎不起作用 我想让东西底部对齐的原因是我有一个浮动标签 我在输入字段上方
  • gwt 中的垂直居中

    如何使用垂直面板在 gwt 中垂直居中 或者请告诉我有什么方法可以进行垂直居中 如果你想直接使用VerticalPanel从代码中 您需要使用setVerticalAlignment HasVerticalAlignment ALIGN M
  • MYSQL 按喜欢/不喜欢和受欢迎程度排序

    我有评论表 其中包括喜欢和不喜欢的内容 现在我在正确的顺序上遇到了问题 实际上 我的系统在顶部显示了最多点赞的评论 我正在 youtube 上寻找类似系统的东西 这意味着 100like 100dislikes 的评论的顺序高于 1 1 我

随机推荐

  • verilog $readmemh 对于 50x50 像素 RGB 图像花费太多时间

    我正在尝试编译用于 FPGA 编程的 verilog 代码 我将在其中实现 VGA 应用程序 我使用 QuartusII 和 Altera 我正在尝试正确使用 readmemh 来逐像素获取图片 现在 我已经使用 matlab 将图片转换为
  • 使用脚本中介获取 JavaScript 中的属性值

    当属性的范围不同于 default 时 有没有办法在 WSO2 ESB 的脚本中介器的 javascript 代码中获取该属性的值 如果属性具有默认范围 get property MyProperty OR 如果属性具有 运输 范围 get
  • 如何对 pandas 中的时间序列数据进行下采样?

    我在 pandas 中有一个时间序列 如下所示 按 id 排序 id time value 1 0 2 1 1 4 1 2 5 1 3 10 1 4 15 1 5 16 1 6 18 1 7 20 2 15 3 2 16 5 2 17 8
  • 有没有一种Pythonic方法可以将标量和0d数组更改为1d数组?

    例如 如果 a 小于 5 我想将 a 更改为 0 def foo a return 0 if a lt 5 else a 为了使其适用于 numpy 数组 我将其更改为 def foo2 a a a lt 5 0 return a 问题是我
  • 使用 .html 文件作为 JSP

    这可能是一个愚蠢的问题 但我在谷歌搜索时没有找到答案 目前 我将请求从 someFileName html 映射到 servlet 然后使用 web xml 中的 servlet 映射转发到 someFileName jsp 我想避免这种情
  • 将 yyyymmdd 字符串转换为 R 中的 Date 类

    我想将这些格式为 YYYYMMDD 的日期转换为 Date 类 dates lt data frame Date c 20130707 20130706 20130705 20130704 I tried dates lt as Date
  • XNA 抽签:在整个游戏中使用一个 spritebatch

    我正在开发一款 XNA 游戏 现在是我仔细考虑架构的时候了 直到今天 我一直以这种方式实现我自己的绘制方法 public void Draw SpriteBatch sb GameTime gameTime sb Begin to draw
  • 在 Visual Studio 中配置 mex 函数

    In here http msdn microsoft com en us library ms182372 aspx解释了如何在 Visual Studio 中分析 exe 文件 有没有办法使用相同的过程来分析墨西哥代码 Thanks 你
  • 如何检测精灵套件中的碰撞?

    我正在 Sprite Kit 中制作游戏 但我在 SpriteNode 之间的碰撞检测方面遇到了困难 我设置了一个名为 sprite 的精灵节点和一个名为 platform 的精灵节点 我希望精灵在与平台碰撞时停止掉落 这就是我所拥有的 S
  • 使用 Matlab 绘制 3D RGB 立方体模型

    我编写了这段代码来绘制 RGB 立方体 但它的颜色并不完全准确 Define a six row by four column matrix to define the six cube faces fm 1 2 6 5 2 3 7 6 3
  • onbeforeunload 事件上的 jQuery.ajax 不起作用

    我有一个像这样的 php 页面 I am creating lo
  • 使用Qt编译测试程序时出错

    我对 C Qt 还很陌生 我正在关注 Jasmin Blanchette 和 Mark Summerfield 所著的 使用 Qt 4 进行 C GUI 编程 一书 我正在编写一个示例程序 并遇到了一些无法解决的编译错误 下面的代码和错误
  • MongoDB:更新文档中的字典

    我有一个 MongoDB 文档 用于保存字典中出现的某些内容 id 1 occurrences 1 1 2 5 17 1 35 4 我现在想要添加或更新一些条目 例如向出现的次数添加 12 3 或者将 17 的出现次数更新为 2 所以假设我
  • C# 正则表达式匹配方括号

    我尝试在 C 中使用正则表达式来匹配可以包含以下内容的软件版本号 2 位数字 1 或 2 位数字 不以 0 开头 另一个 1 或 2 位数字 不以 0 开头 1 2 3 4 或 5 位数字 不以 0 开头 末尾有一个选项字母 括在方括号中
  • 将设计身份验证合并到现有的用户结构中?

    我有一个功能齐全的身份验证系统 其中的用户表有超过五十列 它很简单 但它使用盐进行哈希加密 使用电子邮件而不是用户名 并且还有两种不同类型的用户和管理员 我希望将 Devise 身份验证合并到我的应用程序中 以增强额外的部分 例如电子邮件验
  • gcc 如何在特定平台上获得每种类型的对齐方式?

    它是硬编码到 gcc 的源代码中还是以编程方式获取 我认为它是硬编码在特定于 arch 的文件夹中的 例如对于sparc http www google com codesearch Yj7Hz1ZInUg trunk gcc 4 2 1
  • C:修改文件以从外部文件读取

    我正在努力通过C 编程语言 第二版 尝试通过例子进行推理 我对 C 是个新手 第一章中的大部分示例代码依赖于getchar 接收输入 例如 以下代码返回文本块的最长行 include
  • 我将如何实现不同速度的秒表?

    理想情况下 我想要类似的东西跑表 http msdn microsoft com en us library system diagnostics stopwatch aspx类 但有一个额外的属性称为Speed这将决定计时器改变分钟的速度
  • 为什么flask sqlalchemy模型查询没有得到最新记录?

    我有一个模型类 class PlatformUsage db Model tablename platform usage id db Column db BigInteger primary key True module db Colu
  • div内的表格溢出

    我有一个非常基本的 CSS 问题 我有一个高度固定的 div 并且该 div 内有一个表格 除非 div 具有滚动条 否则表格的内容将无法容纳在 div 中 现在的问题是 表格的内容溢出了 div 因为它的高度超过了我在 div 上设置的高