我有一个div,我想为它指定一个固定的宽度和高度,还有一个填充,它可以在不减少原始DIV宽度/高度或增加它的情况下进行更改,有没有CSS技巧可以做到这一点,或者使用填充的替代方法?

推荐答案

解决办法是把你的padded div,fixed width outer 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;
}

Html相关问答推荐

如何改进这个jQuery滑动器的功能?

卸载伪元素 destruct 了CSS

Angular 滑块问题

Tumblr博客:如何修复提交页面和询问页面框列计数问题?

如何修复与导航栏重叠的css网格?

在一行中对齐文本和图标

在WooCommerce单一产品页面上使产品图片库粘滞(固定)

子元素的单一背景

我正在try 向列表中的图像添加悬停,以放大图像并将div的不透明度设置为1而不是0

为什么我得不到有错误的字段?迈克尔·哈特尔教程.7.3.3

与窗高匹配的响应式正方形网格

可以';t使我的导航栏在HTML/CSS中正确对齐

将文本保持在平行四边形内并遵循形状

R 中的网页抓取数字?

如何使容器的大小适合其 position:absolute; 子元素的大小

按钮显示:内联不换行

增加第一个字母的大小不再正确居中文本

如何使用 CSS 使粘性元素固定在视口顶部

提交前的验证表单未显示任何验证消息?

每次按下按钮时减小字体大小的 jquery 函数