CSS - 如何在不更改任何其他内容的情况下删除第二个垂直滚动条？

Question

我正试图摆脱出现在我正在整理的这个页面上的明显不需要的第二个垂直滚动条，请参阅 http://abchealth.info/doc-mike-special/test3/ .

我在这里的研究让我尝试从我的 CSS 中删除“溢出”，但这绝对破坏了我的布局，所以我正在寻找一种解决方案，在不改变任何其他内容的情况下删除内部垂直滚动条...

非常感谢您的帮助，谢谢!

这是我的 CSS:

/* Generated by KompoZer */


body {
background-image: url(http://abchealth.info/images/bg.png);
}


html, body {
margin: 0;
padding: 0;
height: 100%;
min-height: 100%;

}


div#wrap {min-height: 100%;}

div#mastercontainer {
overflow:auto;  width: 100%;
height: 100%;
min-height: 100%;
}

div#header {
background-image: url(http://abchealth.info/images/header-bg.jpg);  background-repeat:   
repeat-x;
position: top; height: 96px;}


div#content {
}


div#innercontentmiddle {
margin: 0 auto;
width: 540px;
padding:10px;    padding-bottom:510px;}


div#footerclear {
}



div#footer {
position:relative;  margin-top: -510px; height: 510px; clear:both;
background-image: url(http://abchealth.info/images/footer-bg.jpg);  background-repeat:   
repeat-x;}


/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/
}

Answer 1

将此:#mastercontainer {overflow:auto;} 更改为 #mastercontainer {overflow: visible;}

发生的情况是，如果内容对于框架而言太大，则“自动”会使用滚动条。又名 div 或 w/e 需要放大以避免滚动。可见会让它像我想的那样溢出。可见或什至隐藏都适用于此代码 - css 就是玩弄和试验。

***大多数浏览器都提供名为“FireBug”的插件 -> 下载它。它允许您在查看时编辑网页的 css 等。对于 css 样式错误非常有用。强烈建议解决此类问题。