CSS无法创建水平滚动条
我有一个CSS表格，当表格宽度大于800px时，它无法创建水平滚动条 CSS看起来像：CSS无法创建水平滚动条,css,Css,我有一个CSS表格，当表格宽度大于800px时，它无法创建水平滚动条 CSS看起来像： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <style type="text/css"> html, body { max-width : 800px; margin-left:au
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style type="text/css">
html, body {
max-width : 800px;
margin-left:auto;
margin-right:auto;
}
body
{
background-color:#000000;
}
#content {
position:relative;
z-index:1;
}
#header
{
position:relative;
background-image: url(http://img.photobucket.com/albums/v224/Tahira/HARPALGETMENERDS4.jpg);
padding: 110px;
background-repeat:no-repeat;
background-position: 52% 0%;
}
#header h1.bottom {margin: -100px;}
#header2
{
position:relative;
margin-top: -70px;
margin-left: -40px;
background-position: 0% 0%;
}
#container
{
background: #ffffff;
}
table, td, th
{
width: 800px;
overflow: auto;
overflow-y: hidden;
scrollbar-base-color:#ffeaff
font-size: 93%;
font-family:Calibri;
border-collapse:collapse;
border-bottom: 1px solid #fff;
}
th
{
background-color:#6293d9;
color:#d1d9ec;
}
td
{
background-color:#e8edff;
color:#0059ff;
}
...
</style>
html，正文{
最大宽度：800px；
左边距：自动；
右边距：自动；
}
身体
{
背景色：#000000；
}
#内容{
位置：相对位置；
z指数：1；
}
#标题
{
位置：相对位置；
背景图片：url(http://img.photobucket.com/albums/v224/Tahira/HARPALGETMENERDS4.jpg);
填充：110px；
背景重复：无重复；
背景位置：52%0%；
}
#页眉h1.bottom{margin:-100px；}
#校长2
{
位置：相对位置；
利润上限：-70px；
左边距：-40px；
背景位置：0%0%；
}
#容器
{
背景：#ffffff；
}
表，td，th
{
宽度：800px；
溢出：自动；
溢出y：隐藏；
滚动条基本颜色：#ffeaff
字体大小：93%；
字体系列：Calibri；
边界塌陷：塌陷；
边框底部：1px实心#fff；
}
th
{
背景色：#6293d9；
颜色：#d1d9ec；
}
运输署
{
背景色：#e8edff；
颜色：#0059ff；
}
...
overflow-y: hidden;
这意味着当它沿水平方向溢出时，只会隐藏内容，而不会显示滚动条。您需要删除以下内容：
overflow-y: hidden;
这意味着当它水平溢出时，它只会隐藏内容，而不会显示滚动条。尝试将您的表包装在
<div style="width:800px; overflow-x:auto;">
<table>...</table>
</div>
...
<div style="width:800px; overflow-x:auto;">
<table>...</table>
</div>
...
div.scroll{
宽度：800px；
溢出：自动；
溢出y：隐藏；
}
桌子
{
滚动条基本颜色：#ffeaff
字体大小：93%；
字体系列：Calibri；
边界塌陷：塌陷；
边框底部：1px实心#fff；
}
th
{
背景色：#6293d9；
颜色：#d1d9ec；
}
运输署
{
背景色：#e8edff；
颜色：#0059ff；
}
测试。。。测试
测试。。。测试
div.scroll{
宽度：800px；
溢出：自动；
溢出y：隐藏；
}
桌子
{
滚动条基本颜色：#ffeaff
字体大小：93%；
字体系列：Calibri；
边界塌陷：塌陷；
边框底部：1px实心#fff；
}
th
{
背景色：#6293d9；
颜色：#d1d9ec；
}
运输署
{
背景色：#e8edff；
颜色：#0059ff；
}
测试。。。测试
测试。。。测试