body,html{ width: 100%; height: 100%; margin: 0; padding: 0; float: left; background-image: url(../../img/info/bg.png); background-repeat: no-repeat; background-size: 100%; } #title{ width: 100%; height: 5%; float: left; font-size: 23px; line-height:40px; text-align: center; color: #fff; } #dataDiv{ width: 100%; height: 95%; float: left; } #dataTitle{ width: 100%; height: 6%; float: left; } .bootstrap-table{ height: 94% !important; } #dataTable{ width: 100%; height: 94%; float: left; overflow-x: scroll; overflow-y: scroll; } #keyWord{ width: 120px; height: 30px; display:block; float: left; margin-top: 0.5%; margin-left: 3%; background: none; border: 1px solid #0758AA; color: #ffffff; } #query{ width: 4%; height: 77.5%; float: left; margin-top: 0.5%; margin-left: 1%; border: 0; background-color: transparent; outline:none; background-image: url(../../img/info/query.png); background-repeat: no-repeat; } #reset{ width: 4%; height: 77.5%; float: left; margin-top: 0.5%; margin-left: 1%; border: 0; background-color: transparent; outline:none; background-image: url(../../img/info/resetQuery.png); background-repeat: no-repeat; } #export{ width: 4%; height: 77.5%; float: left; margin-top: 0.5%; margin-left: 1%; border: 0; background-color: transparent; outline:none; background-image: url(../../img/info/export.png); background-repeat: no-repeat; } #dataCount{ width: 15%; height: 100%; float: right; font-size: 25px; line-height: 60px; color: #fff; text-align: center; } #dataTable::-webkit-scrollbar { display: none; } .fixed-table-body::-webkit-scrollbar {/*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 10px; } .fixed-table-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #0758AA; } .fixed-table-body::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 10px; background: #003265; } .fixed-table-body::-webkit-scrollbar-corner { } #table{ color: white; } /** * 表数据过长添加 JS width 不要使用百分比 */ .table {table-layout:fixed;word-break:break-all;}