有没有办法给一个div元素一些填充内边界？例如,目前我的主要div元素内的所有文本都正好位于元素边框的边缘.作为这个网站的一般规则,我想要在文本和边框之间至少有10到20像素的空间.
这是一个屏幕截图,以说明我目前拥有的：
解决方法
我在这里看到很多答案,您可以从div的宽度和/或使用框大小中减去,但您需要做的就是应用填充所涉及的div的子元素.所以,例如,如果你有这样的一些标记：
<div id="container">
<p id="text">Find Agents</p>
</div>
所有你需要做的是应用这个CSS：
#text {
padding: 10px;
}
这是一个小提琴,显示出差异：http://jsfiddle.net/CHCVF/2/
或者更好的是,如果你有多个元素,并且不想给他们所有相同的类,你可以这样做：
.container * {
padding: 5px 10px;
}
这将选择所有的子元素,并为它们分配你想要的填充.这是一个在行动中的小提琴：http://jsfiddle.net/CHCVF/3/
