<分区>
标签 css
我有这样的风格:
.main-title {
background: #000;
color: #FFF;
font: normal 1.5em "League Gothic", "Arial Narrow", Arial, sans-serif;*/
text-transform: uppercase;
}
现在我不知道 main-title 容器的确切高度，因为它是 multi-line 标题。
无论高度如何，我如何声明一致的填充？
最佳答案
只是正常的填充规则将向元素高度添加一致的填充无关。
.main-title {
padding: 10px;
}
您可以使用百分比，正如 Torr3nt 提到的那样，这将使填充相应到元素父元素的宽度。我创建了 this fiddle 来展示我的意思。如果元素是绝对定位的，则百分比将基于最近的相对定位的祖先。
关于css - 如何在响应式设计中定义容器的填充，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17703858/