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

Question

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

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

1. 我想在div“nav-cont-seperator”内的边框向下移动10px。我无法使用填充来解决此问题，可能是因为边框忽略填充。

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

Answer 1

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

2. 我不确定有没有明确的方式来做到这一点与纯HTML/CSS。让我再问你一个问题......你确定你需要那个div吗？难道那个分隔符是左侧菜单div的右侧边框吗？这可能会解决您的问题和清除一些标记。

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