首页 > Web开发 > 详细

HTML-overflow-溢出效果

时间:2018-11-11 19:35:55      阅读:189      评论:0      收藏:0      [点我收藏+]
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>Document</title>
    <style>
        #d1{
            width:200px;
            height:200px;
            background-color:#f00;
            overflow:auto;
        }
        #s1{
            width:200px;
            height:200px;
            background-color:orange;
        }
    </style>
 </head>
 <body>
  <div id="d1">Hello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello WorldHello World</div>
    <!-- <span id="s1">Hello World</span> -->
 </body>
</html>

技术分享图片

HTML-overflow-溢出效果

原文:https://www.cnblogs.com/-hjj/p/9943051.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!