【DIV的问题高手进，溢出裁剪的问题】
一个固定行高的DIV，里面有一个三行一列的TABLE，DIV高度只够显示两行，第一和第三行固定有内容。 要求如果第二行有内容的时候，则把第一行顶到上面去，只显示二三行。能不能实现向上裁剪呢？ 我试了一些代码都是第二行有内容时把第三行顶下去了。求可用代码，谢谢！
当前位置：编程学习 > html/css >>
答案：这个不需要js哦，css就可以实现。为了让效果更突出一些，这里设div300px高，每个td都是100px高，这样，有三行td的时候，第一行就不显示了。闲话少叙，代码如下： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>example</title> <style type="text/css"> <!-- body{ font:12px Arial, Helvetica, sans-serif;} .divcon{ height:200px; overflow:hidden; position:relative; width:400px;} .divcon table{ bottom:0; left:0; position:absolute;} --> </style> </head> <body> <div class="divcon"> <table width="400" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="100" bgcolor="#eeeeee">1111111</td> </tr> <tr> <td height="100" bgcolor="#dddddd">2222222</td> </tr> <tr> <td height="100" bgcolor="#cccccc">3333333</td> </tr> </table> </div> </body> </html>
其他：路过...................... <div style="height:50px;overflow:hidden;">
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25">#1</td>
</tr>
<tr>
<td height="25">#2</td>
</tr>
<tr>
<td height="25">#3</td>
</tr>
</table>
</div>
要求如果第二行有内容的时候，则把第一行顶到上面去，只显示二三行。能不能实现向上裁剪呢？
回答: 只能用js判断了,你会写不! 会就自己写写 js 楼上的html加下面的js：
<script>
document.getElementsByTagName('div')[0].scrollTop=900000;
</script> 上一个：HTML代码中如何用POSITION属性来固定一个DIV模块的位置，让其不随滚动条移动？
下一个：网页JS和DIV
- 更多html/css疑问解答：
- div+css中关于ie浏览器中非啊元素的：hover的实现问题，哪位大神指点下啊
- css jquery代码中为什么宽度这样设定.menu li ul 150px;.menu li ul a 110px;.menu li a中padding的20px
- css 属性选择器 ie6 不支持吗？
- 用css、jquery做的选项卡效果，有一个小疑问，请高手指点，代码如下：
- 介绍本学习css的书
- wordpress多个CSS样式怎么调用？
- 这个div 的css是如何编写的
- div+css中，div的右边框小于div的高度且居中，除了用背景图片，如何实现？
- 表格立体感用CSS怎么写 我要 具体代码 写仔细 分段的 谢谢 了 兄弟 还有 下拉列表框 立体感用CSS 怎么写
- CSS 在一个大的DIV里面，另一个DIV怎么居中并置底。
- dw中html文档为什么无法链接css文档
- 设计一个小例子说明DIV+CSS的优势（例子要解释并注释）。
- 我会html css目前正在学js，打算在大三的寒假找个实习，请问应该找哪方面的实习？
- css问题，跪求大大帮忙
- 请教网页设计高手，如下图的这种css代码怎么写？