| 123456789101112131415161718192021222324252627282930 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <style>
- .box{
- width: 300px;
- height: 300px;
- border:2px solid red;
- /* 溢出处理：隐藏 */
- /* overflow: hidden; */
- /* 溢出处理：显示滚动条 */
- /* 如果内容超出容器范围，就会显示滚动条 如果没有超出范围，就不会显示滚动条 */
- /* overflow: auto; */
- /* overflow: scroll; */
- /* 控制具体方向的滚动条 */
- overflow-y: scroll;
- overflow-x: hidden;
- }
- </style>
- </head>
- <body>
- <div class="box">
- <img src="./img/img1.jpg" alt="img">
- </div>
- </body>
- </html>
|
