这个问题超搞笑

最新推荐文章于 2024-08-02 10:25:30 发布

yeyein9

最新推荐文章于 2024-08-02 10:25:30 发布

阅读量200

点赞数

分类专栏：原创文章标签： css js html html5

本文链接：https://blog.csdn.net/yeyein9/article/details/115340120

版权

原创专栏收录该内容

2 篇文章 0 订阅

订阅专栏

发现一个有趣的现象，代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .div2{
            width:100px;
            height:200px;
            overflow-y:hidden;
            overflow-x:hidden;
            border:1px solid red;
            padding-right:20px;
        }
        .div2:hover{
            overflow:auto;
        }
        /*.div2>div{*/
            /*width:100px;*/
        /*}*/
    </style>
</head>
<body>
<div class='div2'>
    <div>
        <div>我是谁我在干什么</div>
        <div>我是谁我在干什么</div>
        <div>我是谁我在干什么</div>
        <div>我是谁我在干什么</div>
        <div>我是谁我在干什么</div>
        <div>我是谁我在干什么</div>
        <div>我是谁我在干什么</div>
        <div>我是谁我在干什么</div>
        <div>我是谁我在干什么</div>
        <div>我是谁我在干什么</div>
        <div>我是谁我在干什么</div>
        <div>我是谁我在干什么</div>
        <div>我是谁我在干什么</div>
        <div>我是谁我在干什么</div>
        <div>我是谁我在干什么</div>
        <div>我是谁我在干什么</div>
    </div>
</div>
</body>
</html>

当鼠标移动上去，会发现文本会漂移。

如果把文本换成纯数字，1111111111111111，就会有这种问题了。

为什么呢？开始百思不得其解，后来终于想明白了，特么的，数字不能换行啊！奶奶的熊。

= =！

yeyein9

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
这个问题超搞笑

发现一个有趣的现象，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .div2{ width:100px; height:200px; overflow-y:hid
复制链接

扫一扫

专栏目录