码迷,mamicode.com
首页 > Web开发 > 详细

HTML-overflow-溢出效果

时间:2018-11-11 20:19:33      阅读:557      评论:0      收藏:0      [点我收藏+]

标签:har   img   set   charset   width   span   doc   col   utf-8   

<!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-溢出效果

标签:har   img   set   charset   width   span   doc   col   utf-8   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!