溢出和调整大小问题

我的网页有问题。溢出和调整大小问题

基本上，我在overflow:hidden上有<html>，两个水平导航栏，左边一个固定垂直侧栏和其余中心，一个div具有height: 90%属性。

编辑：容器DIV有overflow: auto财产。

内容通过AJAX加载到容器区域。内容主要由表格数据组成，每当内容太多时，容器区域就会滚动。在普通高度的普通显示器上，一切都很好，但是当它被带到笔记本电脑时，由于html溢出，最后1-2行会变得“隐藏”。

如果我把原来的height: 90%减小到一个较小的值，问题就修正了，但是当我切换到高度减小的大屏幕后，内容区域没有被完全覆盖。

有没有办法通过CSS解决这个问题？如果没有，是否有可能通过屏幕调整javascript的事件？

来源

2012-11-01 Bogz902

你可以在jsFiddle或jsBin中重新创建问题，这样我们可以看看吗？ – David

显示你的代码，所以我们可以尝试修复它。 –

最简单也是最快的方法是使用Javascript。如果您专门设置了表格数据容器的高度，您将获得对布局和一般项目间距的更多控制权。

当设置你的身高，你要考虑到你的导航栏的高度，所以在jQuery的代码将是这个样子：

function resizeMain() 
{ 
    $('#tabularBox').height($(window).height() - $('#topBar').height() - $('#bottomBar').height()); 
} 

// size it on load: 
$(function(){ 
    resizeMain(); 
} 

// and size it on resize 
$(window).resize(resizeMain);

当然，许多方法来优化这一点，但是这这个想法。而且你必须留意小屏幕，但是这对％来说会有问题。

最后，你需要溢出：auto;在我们的表格框

来源

2012-11-01 12:52:35 ZorleQ

我编辑了我的inital文章，提到我使用容器上的overflow：auto属性。试试这个功能。 – Bogz902

谢谢你，善良的人。这解决了我的问题。愿精神监视你。 :) – Bogz902

我很高兴它的工作 – ZorleQ

在高度的div：90％放置溢出：自动或溢出：滚动。这将只为该div添加滚动条。

来源

2012-11-01 12:47:30

溢出和调整大小问题

回答

相关问题