css盒子可控大小-resize

最新推荐文章于 2024-10-06 15:38:21 发布

奶糖肥晨

最新推荐文章于 2024-10-06 15:38:21 发布

阅读量3k

点赞数

分类专栏： css 文章标签： css html css3 less js

本文链接：https://blog.csdn.net/weixin_48998573/article/details/124507768

版权

css 专栏收录该内容

19 篇文章 12 订阅

订阅专栏

这篇博客探讨了CSS中关于`.father`元素的布局设置，包括内边距、宽高限制、边框以及自动滚动条的使用。`.son`子元素的宽高和内边距展示了一种内容溢出的情况，这在网页布局和响应式设计中常见。通过示例代码，作者解释了如何通过CSS控制元素的尺寸和溢出行为。

摘要由CSDN通过智能技术生成

resize

 <style>
        .father {
            padding: 20px;
            width: 200px;
            height: 50px;
            max-width: 800px;
            max-height: 800px;
            border: 1px solid #000;
            overflow: auto;
            resize: both;
        }

        .son {

            width: 50px;
            height: 20px;
            padding: 100px;
            background-color: aqua;
        }
    </style>
    <div class="father">
        <div class="son">1123</div>
    </div>