我正在尝试制作一个仅包含页面本身内容的网页。页面本身不应该有滚动条(尽管个别部分应该有滚动条)。我希望它看起来与此处的 Java API 布局非常相似,http://java.sun.com/javase/6/docs/api/ , 但没有框架。
页面还需要能够动态加载内容。
现在,我正在尝试让它与 ASP !UpdatePanel 一起工作以获取动态加载的内容,并使用一个 div 来调整大小和面板显示,但面板永远不会覆盖屏幕。例如,我将有:
<body style="height: 100%; margin: 0; padding: 0;">
<form id="form1" runat="server">
<div style="width: 100%; height: 100%;">
<div style="overflow: auto; height: 100%; border-style: groove; border-width: medium;">
<asp:UpdatePanel ID="TOC" UpdateMode="Conditional" runat="server">
<ContentTemplate>
<asp:Panel ID="Display" Height="100%" ScrollBars="Auto" runat="server" />
</ContentTemplate>
</asp>
</div>
</div>
</form>
</body>
但这并没有覆盖面板的整个高度。宽度没问题。但它会在页面顶部创建一个小边框,然后在按下按钮填充内容时展开。然后边界发生变化。我更希望边框保持不变。
有没有办法用 div 做这个?
编辑:我刚刚在 Firefox 中尝试过它并且它运行良好(不包括 .NET 特定的东西,因为我在 Linux 上没有创建 ASP.NET 页面的能力)。不过,我需要它才能与 Internet Explorer 7 一起使用(可能还有 Internet Explorer 6)。是否有围绕 IE7 的任何巧妙的 hack 完全忽略 css 高度属性?
最佳答案
据我所知,唯一可靠的方法是使用一些 javascript。
使用 jQuery:
$(document).ready(function() { // Wait for the HTML to finish loading.
var resize = function() {
var height = $(window).height(); // Get the height of the browser window area.
var element = $("body"); // Find the element to resize.
element.height(height); // Set the element's height.
}
resize();
$(window).bind("resize", resize);
});
如果您覆盖多个浏览器,您可能需要稍微调整一下。
关于asp.net - 如何使 HTML 页面适合 Web 浏览器大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3135803/