html - 使用以 % 为单位的高度和以 px 为单位的边框时，框尺寸过大

Question

晚上好

有个问题困扰了我好久。我有 2 个 div，1 个是菜单包装器，另一个是主要内容 div。他们有以下 CSS 代码:

*{
margin:0px;
padding:0px;
}

#menu{
height:6%;
border-bottom: 4px solid #3D3D3D;
}

#mainContentDiv{
height:93%;
padding: 0.5%;
}

使用以下代码我得到了溢出(滚动条)，我想避免这种情况。在谷歌上搜索了一下后，我发现 box-sizing: content-box; 应该可以修复它，但显然它没有(或者我做错了什么)。

有没有什么办法可以解决这个问题，而且不会有任何溢出或用 CSS 修复溢出？

Answer 1

如果没有页面的其余部分，我不能肯定地说，但请尝试 overflow: CSS 中的属性； http://www.w3schools.com/cssref/pr_pos_overflow.asp

CSS 示例:

div
{
width:150px;
height:150px;
overflow:hidden;
}