浮动DIV滚动条问题。删除窗口滚动条

Question

继续这个建议HTML div height auto我在项目中使用了浮动DIV来复制FRAME-LIKE-UI

在现有产品中，他们使用了UI框架。在新版本中，我使用了float-divs

但要求是让现有的UI看起来很像。

因此，在现有产品中，滚动条仅显示帧，而不是整个窗口

在我的解决方案中，框架既显示在div中，也显示在窗口中。我附上了“预期”和“现实”场景的屏幕截图。请看一下

我使用的CSS是

#div1, #div2 {
    overflow: auto;
    float: left;
    height: 550px;
}

#div1{
    width: 50%;
    border-right : 2px solid grey;
}

#div2 {
    width: 48%;
}

我不需要浏览器提供的滚动条，而是我需要它与FRAMES的行为完全一样。

感谢。 阿伦

Answer 1

尝试使用

隐藏浏览器滚动条

body { overflow-y: hidden; }

Answer 2

您要为浮动div元素设置550px的高度。确保您的正文+标题不大于屏幕的可见空间，这有助于您避免使用滚动条。否则，您可以始终使用overflow : hidden作为您的身体和div元素以避免滚动条altogther（不推荐这种方法）。

另外，请查看this。