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

时间:2011-10-01 17:13:52

标签: css

我有两个问题适用于my website

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

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

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

1 个答案:

答案 0 :(得分:5)

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

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

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