`

可以滚动的表格

 
阅读更多 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <style>
html { font-size:12px; }
/*body { margin:50px; }*/
.clearfix:after { content:'\0020'; display:block; height:0; clear:both; }
.clearfix { *zoom:1;}
.clearfix,.question{border:solid 1px #3CF; margin:0; padding:0;}
.clearfix{  border-bottom:none; border-right:none;}
.clearfix{ width:501px;}
.question{ width:500px; height:27px;line-height:26px; border-top:none; border-left:none; float:left; display:inline;overflow-y:auto;word-wrap: break-word; word-break: break-all;text-align: center; }
/*div{border:1px #686868 solid; margin-top:50%}*/

.clearfixans:after { content:'\0020'; display:block; height:0; clear:both; }
.clearfixans { *zoom:1;}
.clearfixans,.ans{border:solid 1px #3CF; margin:0; padding:0;}
.clearfixans{  border-bottom:none; border-right:none;}
.ans{width:100px; height:27px;line-height:26px; border-top:none; border-left:none; float:left; display:inline;overflow-y:auto;word-wrap: break-word; word-break: break-all;text-align: center;}
</style>
 </head>

 <body>
<div >
<div style="float:left;">
<ul class="clearfix">
<li class="question">
                                                 问题列表 
</li>
                            
<li class="question">
                                                 我是电话回访人员，工号xxx。您近期购买了XX（等）保险产品，现在和您做一次售后录音电话回访，大概需要3分钟时间，您看方便吗？
</li>
                            
<li class="question">
                                                 请问您投保前是否已经阅读并理解投保提示的内容呢？
</li>
                            
<li class="question">
                                                 您签收保单后有10天犹豫期，如果解约，将在扣除10元工本费后退还您的保费；之后解约，您会有一些损失。您了解吗？
</li>
                            
<li class="question">
                                                 请问投保单上的风险提示语句是您亲笔抄写的吗？
</li>
                            
<li class="question">
                                                 请问投保单上的风险提示语句是您亲笔抄写的吗？
</li>
                            
<li class="question">
                                                 请问投保单上的风险提示语句是您亲笔抄写的吗？
</li>
                            
<li class="question">
                                                 请问投保单上的风险提示语句是您亲笔抄写的吗？
</li>
                            
<li class="question">
                                                 请问投保单上的风险提示语句是您亲笔抄写的吗？
</li>
                            
<li class="question">
                                                 请问投保单上的风险提示语句是您亲笔抄写的吗？
</li>
                            
<li class="question">
                                                 请问投保单上的风险提示语句是您亲笔抄写的吗？
</li>
                            
<li class="question">
                                                 请问投保单上的风险提示语句是您亲笔抄写的吗？
</li>
                            
</ul>
</div>
<div style="width:400px;overflow-x:auto;overflow-y:hidden;">
<ul class="clearfixans" style="width:808px;" >
                                            

                                        
                                         <li class="ans">
                                            220000900344984
                                            </li>

                                        
                                         <li class="ans">
                                            220000900344984
                                            </li>

                                        
                                         <li class="ans">
                                            220000900344984
                                            </li>

                                        
                                         <li class="ans">
                                            220000900344984
                                            </li>

                                        
                                         <li class="ans">
                                            220000900344984
                                            </li>

                                        
                                         <li class="ans">
                                            220000900344984
                                            </li>

                                        
                                         <li class="ans">
                                            220000900344984
                                            </li>

                                        
                                         <li class="ans">
                                            220000900344984
                                            </li>

                                            

                                        
                                         <li class="ans">
                                            方便
                                            </li>

                                        
                                         <li class="ans">
                                            方便
                                            </li>

                                        
                                         <li class="ans">
                                            方便
                                            </li>

                                        
                                         <li class="ans">
                                            方便
                                            </li>

                                        
                                         <li class="ans">
                                            方便
                                            </li>

                                        
                                         <li class="ans">
                                            方便
                                            </li>

                                        
                                         <li class="ans">
                                            方便
                                            </li>

                                        
                                         <li class="ans">
                                            方便
                                            </li>

                                            

                                        
                                         <li class="ans">
                                            -
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            -
                                            </li>

                                        
                                         <li class="ans">
                                            -
                                            </li>

                                        
                                         <li class="ans">
                                            -
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            -
                                            </li>

                                        
                                         <li class="ans">
                                            -
                                            </li>

                                            

                                        
                                         <li class="ans">
                                            不了解
                                            </li>

                                        
                                         <li class="ans">
                                            不了解
                                            </li>

                                        
                                         <li class="ans">
                                            -
                                            </li>

                                        
                                         <li class="ans">
                                            -
                                            </li>

                                        
                                         <li class="ans">
                                            不了解
                                            </li>

                                        
                                         <li class="ans">
                                            不了解
                                            </li>

                                        
                                         <li class="ans">
                                            -
                                            </li>

                                        
                                         <li class="ans">
                                            -
                                            </li>

                                            

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                            

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                            

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                            

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                            

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                            

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                            

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                            

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

                                        
                                         <li class="ans">
                                            是
                                            </li>

                                        
                                         <li class="ans">
                                            否
                                            </li>

</ul>            
                            
</div>
                   
</div>
 </body>
</html>
分享到：
| 通过javascript设置CSS辅助类
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics