html--overflow（内容溢出） 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
            div{
                width: 200px;
                height: 6.25rem;
                border: 1px solid #0000FF;
                /* overflow: auto; */
                /*overflow: hidden; 将溢出内容剪切掉 */
                /*overflow: scroll; 溢出则加滚动条，内容没有溢出，会加滚动条 */
                /* overflow: auto;溢出则加滚动条，内容没有溢出，不会加滚动条 */
                /* overflow-x: auto;X轴 */
                /* overflow-y: scroll;Y轴 */
            }
        </style>
    </head>
    <body>
        <div>
            溢出隐藏 溢出隐藏 溢出隐藏 溢出隐藏
            溢出隐藏 溢出隐藏 溢出隐藏 溢出隐藏
            溢出隐藏 溢出隐藏 溢出隐藏 溢出隐藏
            溢出隐藏 溢出隐藏 溢出隐藏 溢出隐藏
            溢出隐藏 溢出隐藏 溢出隐藏 溢出隐藏
            溢出隐藏 溢出隐藏 溢出隐藏 溢出隐藏
            溢出隐藏 溢出隐藏 溢出隐藏 溢出隐藏
            溢出隐藏 溢出隐藏 溢出隐藏 溢出隐藏
            溢出隐藏 溢出隐藏 溢出隐藏 溢出隐藏
            溢出隐藏 溢出隐藏 溢出隐藏 溢出隐藏
            溢出隐藏 溢出隐藏 溢出隐藏 溢出隐藏
            溢出隐藏 溢出隐藏 溢出隐藏 溢出隐藏
        </div>
    </body>
</html>

 

posted on 2022-01-09 17:03  爱前端的小魏  阅读(180)  评论(0)  编辑  收藏  举报

导航