在HTML css中添加overflow-x后的对齐问题

在HTML css中添加overflow-x后的对齐问题,html,css,asp.net-mvc,Html,Css,Asp.net Mvc,我试图在MVC中显示表格中的一些数据。当文本内容大于表格的单元格大小时,我希望在单元格底部显示一个滚动条。到目前为止,我能够使滚动条出现,但是滚动条超出了特定单元格的边界。代码在chrome浏览器上平稳运行,问题在于internet explorer 如何在特定单元格中获取此滚动条 我的代码如下: 正文{ 填充顶部:50px; 垫底:20px; } .正文内容{ 左侧填充:15px; 右侧填充:15px; } .dl水平dt{ 空白:正常; } 输入, 选择, 文本区{ 最大宽度:280px

我试图在MVC中显示表格中的一些数据。当文本内容大于表格的单元格大小时,我希望在单元格底部显示一个滚动条。到目前为止,我能够使滚动条出现,但是滚动条超出了特定单元格的边界。代码在chrome浏览器上平稳运行,问题在于internet explorer

如何在特定单元格中获取此滚动条

我的代码如下:

正文{
填充顶部:50px;
垫底:20px;
}
.正文内容{
左侧填充:15px;
右侧填充:15px;
}
.dl水平dt{
空白:正常;
}
输入,
选择,
文本区{
最大宽度:280px;
}
.集装箱{
位置:相对位置;
}
托普赖特先生{
位置:绝对位置;
顶部:8px;
右:16px;
字号:18px;
}
运输署{
空白:nowrap;
/*溢出-x:滚动*/
宽度:40px;
文本对齐:居中;
垂直对齐:底部对齐;
高度:10px;
边框:1px纯黑;
}
.td卷轴{
显示:表格单元格;
空白:nowrap;
溢出-x:自动;
宽度:40px;
文本对齐:居中;
垂直对齐:底部对齐;
高度:10px;
边框:1px纯黑;
}
桌子{
表布局:固定;
宽度:100%;
}
th{
背景色:#A9A9;
颜色:黑色;
}

有些事
什么
有些事
有些事
布拉布拉
呜呜呜呜
此文本应具有滚动条以查看整个文本
布拉布拉

当我在JSFIDLE上尝试使用@MichaelCoker scroll时,如果有足够的文本,则会为我显示scroll,但当我在MVC网页上尝试相同的内容时,会遇到问题。(注意:我使用的是Visual Studio 2015)是否有其他样式覆盖了该行为?@MichaelCoker请检查我附加的图像以供参考。@MichaelCoker我添加了整个css代码块