时间戳

首页 > 解决方案 > 如何隐藏水平滚动

html - 如何隐藏水平滚动

问题描述

<!DOCTYPE html>
<html>
    <body>
        <div style="background-color: aqua;height:1500px;width:260px;overflow: hidden;">
            some text
        </div>
    </body>
</html>

我的屏幕分辨率是 1920 X 1200 (width X height) ，我有高度为 1500 像素的 div。显然这会溢出屏幕，浏览器默认添加垂直滚动。

我的要求是让这个垂直滚动消失，任何溢出窗口的东西都被剪掉。如何使用 css 样式获得这种行为？

我试过溢出：隐藏在 div 上它对我不起作用

<!DOCTYPE html>
<html>
    <body>
        <div style="background-color: aqua;height:1500px;width:260px;overflow: hidden;">
            some text
        </div>
    </body>
</html>

标签： htmlcss

解决方案

希望下面的片段可以帮助你。

body{height:1200px; width:100%; overflow:hidden}
<!DOCTYPE html>
<html>
    <body>
        <div style="background-color: aqua;height:1500px;width:260px;">
            some text
        </div>
    </body>
</html>

推荐阅读