css – 如何更改DIV填充而不影响宽度/高度?

前端之家收集整理的这篇文章主要介绍了css – 如何更改DIV填充而不影响宽度/高度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个div,我想指定一个固定的宽度和高度为,以及一个填充,可以更改,而不减少原始的DIV宽度/高度或增加它,有一个CSS技巧,或者使用填充的替代方法

解决方法

解决方案是包装你填充的div,用固定宽度外div

HTML

<div class="outer">
    <div class="inner">

        <!-- your content -->

    </div><!-- end .inner -->
</div><!-- end .outer -->

CSS

.outer,.inner {
    display: block;
}

.outer {
    /* specify fixed width */
    width: 300px;
    padding: 0;
}

.inner {
    /* specify padding,can be changed while remaining fixed width of .outer */
    padding: 5px;
}
原文链接:https://www.f2er.com/css/223343.html

猜你在找的CSS相关文章