• 新记

    • css中overflow被隐藏的内容如何正常的显示出来

    如题所述

    举报该文章
    相关建议   推荐于2016-05-19
    overflow:scroll; /*任何时候都强制显示滚动条*/
    overflow:auto; /*需要的时候会出现滚动条*/
    overflow-x:auto; /*控制X方向的滚动条*/
    overflow-y:auto; /*控制Y方向的滚动条*/
    示例:
    <HTML>
    <HEAD>
    <TITLE>测试表格内的滚动条</TITLE>
    </HEAD>
    <BODY>
    <table>
    <tr>
    <td>表格内的滚动条:</td>
    <td>
    <div id="wins"
    style="position:absolute;height:200;width:200;overflow:auto;background:#EEEEEE;">
    <p>pppppppppppppppppppppppppppppppppppppppppppppppppp </p>
    <p>pppppppppppppppppppppppppppppppppppppppppppppppppp </p>
    <p>ppppppppppppppppppppppppp </p>
    <p>ppppppppppppppppppppppppp </p>
    <p>ppppppppppppppppppppppppp </p>
    <p>ppppppppppppppppppppppppp </p>
    <p>ppppppppppppppppppppppppp </p>
    <p>ppppppppppppppppppppppppp </p>
    <p>ppppppppppppppppppppppppp </p>
    <p>ppppppppppppppppppppppppp </p>
    <p>ppppppppppppppppppppppppp </p>
    <p>ppppppppppppppppppppppppp </p>
    </div>
    </td>
    </tr>
    <tr>
    <td colspan="2" align="right">
    <span onmouseover='scrollb=setInterval("wins.scrollLeft-=10",100)'
    onmouseout=clearInterval(scrollb)>向左</span>
    <span onmouseover='scrollb=setInterval("wins.scrollTop-=10",100)'
    onmouseout=clearInterval(scrollb)>向上</span>
    <span onmouseover='scrollb=setInterval("wins.scrollLeft+=10",100)'
    onmouseout=clearInterval(scrollb)>向右</span>
    <span onmouseover='scrollb=setInterval("wins.scrollTop+=10",100)'
    onmouseout=clearInterval(scrollb)>向下</span>
    </td>
    </tr>
    </table>
    </BODY>
    </HTML>
    温馨提示：内容为网友见解，仅供参考
    其他看法
    第1个回答  2015-10-21
    <html>
    <head>
    <title></title>
    <style type="text/css">
    * {margin: 0;padding: 0;}
    body {background-color: #fff;}
    .container {height: 500px;border: 1px solid #222;background: #eee;overflow: hidden;}
    p {margin: 50px;border: 1px solid #ddd;}
    </style>
    </head>
    <body>
    <div class="container">

    <p>qwe
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    1234213<br />
    </p>
    </div>
    </body>
    </html>
    第2个回答  2012-03-27
    （图片大小：800x152）不需要浮出BOX，请问如何在CSS中解决？需要有滚动条，ie6和ie7都测试了, 图片并没有溢出div, 很正常的显示滚动条. 不是很,
    第3个回答  2012-03-26
    overflow:visible;追问

    我想要的是那种下拉菜单的效果

    追答

    那就当鼠标移动到上面的时候 将你包含的DIV 给显示出来。。如
    当鼠标经过LI 里面的内容时 li:hover{ overflow:visible; }思路大概是这样。

    追问

    但是超出的部分有那个滚动条了，而不是直接覆盖在其他内容的上面

    追答

    每个LI 都隐藏了啊，使用display:none;隐藏 并且不保留其物理空间 然后在DISPLAY：block就显示出来了。你怎么这么难。。

    追问

    是不是很无语啊，我得问清楚了不是啊！

    本回答被提问者采纳
    第4个回答  2015-09-18
    overflow:visible;
    相似回答
    大家正在搜
    相关问题
    在CSS中有什么办法能怎样让overflow:hidden隐...
    js完成overflow隐藏内容的显示
    css 中加了overflow：hidden后有些地方的内容...
    CSS隐藏元素如何显示出来？
    一个CSS问题。overflow:hidden， 怎么能显示...
    外层div定了500高度和overflow：hidden 然...
    我设置了overflow属性为hidden后为什么一整块di...
    如何用 CSS 将超出显示宽度的内容隐藏起来