CSS无法创建水平滚动条 [英] CSS fails to create a horizontal scroll bar
本文介绍了CSS无法创建水平滚动条的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有CSS工作表,当表格宽度大于800px时,它无法创建水平滚动条.
I have CSS sheet which fails to create a horizontal scroll bar when the table width is greater than 800px wide.
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: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>
推荐答案
尝试将表格包装在
<div style="width:800px; overflow-x:auto;">
<table>...</table>
</div>
这篇关于CSS无法创建水平滚动条的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文