首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

页面 文本框相对固定

2013-12-06 
【求助】页面求助 文本框相对固定现在 有一个文本框和一个table 在同一个div下 (这是个弹出窗口,点击后弹

【求助】页面求助 文本框相对固定
现在 有一个文本框和一个table 在同一个<div下> (这是个弹出窗口,点击后弹出该DIV)
由于table内很多行 所以导致弹出的窗口有垂直滚动条,当滚动条滚动时 文本框也会随之滚动
希望可以做到只有table数据随之滚动,文本框在最上面固定 需要怎么做呢?页面 文本框相对固定
页面 文本框相对固定
[解决办法]
外面那层div加个split="true"

<div split="true" style="overflow:hidden;">      
      <div region="north">input放在这里</div>      
      <div region="center" style="overflow-y: auto;">table放在这里</div> 
</div>

[解决办法]
引用:
还有人有高见么 坐等

简单的一个定位就好了,给你示例:
       <div style="position: relative;">
           <div style="position: absolute;top:1px;left: 1px;width: 175px;padding: 5px 0 0 5px;background: #fff;">
               <input type="text" />
           </div>
           <div style="height: 100px;width:200px;border: solid 1px red;overflow: auto;padding-top:30px;">
               <table>
                   <tr><td>1</td></tr>
                   <tr><td>2</td></tr>
                   <tr><td>3</td></tr>
                   <tr><td>4</td></tr>
                   <tr><td>5</td></tr>
                   <tr><td>6</td></tr>
               </table>
           </div>
       </div>

热点排行