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

而且这一建议HTML div height auto我用浮动DIV在我的项目复制框架状的UI浮动DIV滚动条问题。删除窗口滚动条

在现有的产品，他们使用的UI框架。在新版本中，我使用了浮动div

但是要求是让界面看起来像现有的一样。

因此，在现有的产品中，滚动条仅出现在框架，而不是针对整个窗口

而在我的解决方案，框架都出现在div以及在窗口中。我附上了“预期”和“现实”情景的屏幕截图。请看看太

enter image description here

我使用的CSS是

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

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

#div2 { 
    width: 48%; 
}

我不需要滚动条该浏览器提供，而我需要它完全像一个框架的行为。

谢谢。阿伦

来源

2012-02-03 Arun

我无法附上屏幕截图:-(试图一次又一次地做到这一点虽然 – Arun 2012-02-03 05:07:09

只是为了指出没有挑剔，这是在任何地方给你的变量/对象提供有意义的名字的好习惯。尝试使用leftDiv而不是div1 – 2012-02-03 05:18:30

此外，如果用户使窗口小于div，并因此无法向下滚动查看实际浮动div您意思 – 2012-02-03 05:19:48

尝试隐藏浏览器滚动条与

body { overflow-y: hidden; }

来源

2012-02-03 05:08:16 elclanrs

感谢您的解决方案，我会看到麻烦。 – Arun 2012-02-03 06:01:31

您设置的550px的高度为浮动div元素。确保你的身体+头部不大于屏幕的可见空间，这将帮助你避免滚动条。否则，您总是可以使用overflow : hidden作为您的身体和div元素以避免滚动条altogther（不建议使用此方法）。

另外，看看this。

来源

2012-02-03 05:21:47

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

回答

相关问题