css盒子可控大小-resize

最新推荐文章于 2025-01-31 14:25:53 发布

原创最新推荐文章于 2025-01-31 14:25:53 发布 · 3.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #html #css3 #less #js

css 专栏收录该内容

21 篇文章

订阅专栏

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

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>