HTML中给表格添加滚动条问题

table设置overflow-x:auto,overflow-y:hidden

thead设置overflow:hidden

tbody设置overflow-y:hidden,overflow-x:hidden

还有就是你table要定宽高

CSS表格属性用于设置HTML表格的样式，HTML表格由 <table></table> 标签嵌套 <tbody>， <tr>， <td>等标签组成，一个HTML表格默认至少包含table，tbody，tr，td四个元素。

CSS表格属性：

显示表格边框有时候特别重要，它能让表格结构更清晰。

默认的表格有双边框，这是因为表和th/ td元素有独立的边界。border-collapse 属性设置表格的边框是否被折叠成一个单一的边框或隔开。

<style type="text/css">

<!--

.table1 { width:500pxheight:62pxborder:2px solid #99cc00}

#s1{

 width:500px

 height:30px

 text-align: center

 vertical-align: middle

 background-color: #CCCCCC

 border-bottom-width: 2px

 border-bottom-color: #99cc00

 border-bottom-style: solid

} 

#s2{

 width:250px

 height:30px

 border-bottom-color: #99cc00

 float: left

 background-color: #FFFFCC

}

#s3{

 width:250px

 height:30px

 float: left

 background-color: #FFCCFF

}

-->

</style>

   <div class="table1">

<div id="s1">第一行合并成一个单元格</div>

<div >

<div id="s2">左边单元格，没有右边框.</div>

<div id="s3">右边单元格，没有左边框.</div>

</div>

</div>

<br>===================第二种方法======================<br><br>

<TABLE width="500" height="76" style=" BORDER: #99cc00 2px solid "   >

<TBODY>

<TR><TD  colspan="2" bgcolor="#CCCCCC" style="border-bottom:#99CC00 2px solid" >第一行合并成一个单元格</TD>

</TR>

<TR><TD bgcolor="#FFFFCC">左边单元格，没有右边框.</TD><TD bgcolor="#FFCCFF">右边单元格，没有左边框.</TD></TR>

</TBODY>

</TABLE>

---