我在容器中有一個基本表。 該表將包含約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

Col1col2col3col4col5col5

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

總結

以上是生活随笔為你收集整理的html溢出左右滚动,html-选项卡溢出时水平滚动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。