我在容器中有一個基本表。 該表將包含約25列。 我正在嘗試在表格溢出時添加水平滾動條，現在過得很艱難。

現在正在發生的情況是，表格單元格通過自動調整單元格的高度并保持固定的表格寬度來容納單元格的內容。

對于我的方法為何無法解決此問題的建議，我深表感謝。

提前謝謝了！

的CSS

.search-table-outter {margin-bottom:30px; }

.search-table{table-layout: fixed; margin:40px auto 0px auto; overflow-x:scroll; }

.search-table, td, th{border-collapse:collapse; border:1px solid #777;}

th{padding:20px 7px; font-size:15px; color:#444; background:#66C2E0;}

td{padding:5px 10px; height:35px;}

tr:nth-child(even) {background: #f5f5f5;}

tr:nth-child(odd) {background: #FFF;}

的HTML

JS小提琴(注意：如果可能，我希望水平滾動條位于帶有紅色邊框的容器中)：[http://jsfiddle.net/ZXnqM/3/]