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;
}
http://stackoverflow.com/questions/2225585/how-to-change-a-div-padding-without-affecting-the-width-height

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:css – 如何更改DIV填充而不影响宽度/高度?