使父div的子div匹配高度，并将填充应用于div中的边框

Question

我有两个问题适用于my website。

请查看来源以帮助回答这两个问题。

1. 我希望div“nav-cont-seperator”中的边框向下移动10px。我无法得到填充来解决这个问题，可能是因为边框忽略了填充。

2. 我的第二个问题是，如何让垂直边框移到页面底部（使div匹配其父级的高度），减去10px？

Answer 1

1. 如果我理解正确，你需要一个保证金：10px;在那个div上。 HTML中的容器尊重盒子模型（例如，你可以在firebug中看到），这意味着元素的大小由：margin + border + padding给出。填充适用于边界的内部，边缘适用于外部。

2. 我不确定使用纯HTML / CSS有一个明确的方法。让我问你另一个问题......你确定你需要那个div吗？那个分隔符不能是左侧菜单div的右侧边框吗？这可能会解决您的问题和清除一些标记。

无论如何，如果你正在使用jQuery，答案就在这里： how to size a div's height to its container height, using CSS? 可能会有所帮助！