Html 小屏幕上的表格重叠
我正在从事一个小项目，该项目正在创建具有来自数据库的不同统计数据的表。填充表格的部分是有效的，但给我带来麻烦的是基本的HTML和CSS。出于某种原因，我不明白为什么我在较小屏幕上的表格重叠。我想做的是让他们去一个新的行或类似的东西，并希望我可以这样做的一些投入 附件是一个JSFIDLEHtml 小屏幕上的表格重叠,html,css,Html,Css,我正在从事一个小项目，该项目正在创建具有来自数据库的不同统计数据的表。填充表格的部分是有效的，但给我带来麻烦的是基本的HTML和CSS。出于某种原因，我不明白为什么我在较小屏幕上的表格重叠。我想做的是让他们去一个新的行或类似的东西，并希望我可以这样做的一些投入 附件是一个JSFIDLE #节{ 宽度：75%； 浮动：左； 填充：10px； 溢出：自动； } #统计数据{ 宽度：25%； 浮动：左； 填充：10px； } 桌子{ 边界塌陷：塌陷； } th{ 宽度：100px； } 表，th，t
#节{
宽度：75%；
浮动：左；
填充：10px；
溢出：自动；
}
#统计数据{
宽度：25%；
浮动：左；
填充：10px；
}
桌子{
边界塌陷：塌陷；
}
th{
宽度：100px；
}
表，th，td，tr{
边框：1px纯黑；
}
运输署{
/*填充：15px*/
}
统计数据
下载最多的课程
课程
下载
105239
1087
105196
1064
105190
598
105230
588
105560
458
105260
436
105475
381
105108
374
105217
334
105219
308
大多数活跃用户通过下载
使用者
下载
test@test.com
592
test@test.com
515
test@test.com
473
test@test.com
286
test@test.com
268
test@test.com
253
test@test.com
245
test@test.com
219
test@test.com
213
test@test.com
207
最活跃下载日
使用者
下载
2015-11-17
230
2015-10-21
197
2015-09-09
196
2015-07-30
191
2015-07-31
187
2015-11-15
177
2015-08-04
170
2015-12-03
168
2014-06-30
159
2015-11-16
157
@media(max-width:767){
#stats{ width: 100%; }
}
在媒体查询中，如以下所示，删除浮动并将宽度设置为自动
@仅媒体屏幕
和（最小设备宽度：320px）
和（最大设备宽度：480px）
和（-webkit最小设备像素比：2）{
#统计数据{
浮动：无；
宽度：自动；
}
}最大宽度