Asp.net 网页不垂直滚动答案

【问题标题】：Asp.net web page does not scroll verticallyAsp.net 网页不垂直滚动
【发布时间】：2011-04-26 17:13:20
【问题描述】：

我的 asp.net 网页右侧的垂直滚动条始终显示为灰色，即使页面下方有内容无法查看。

我认为它与 html css 类有关，但我不确定。我在那里尝试了许多不同的变化，但没有运气。我正在从 Visual Studio 使用 IE8 启动。

html

{
   overflow: ??
}

我正在使用带有内容占位符的母版页。像这样：

<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true"     CodeBehind="SummaryView.aspx.cs" Inherits="Reports.SummaryView" %>
<asp:Content ID="Content1" ContentPlaceHolderID="Head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<link href="Style/Layout.css" rel="stylesheet" type="text/css" />
<div id="PlanInfo" runat="server" style="float:right; height:200px; width:720px; margin-left:20px;" ></div>
<br />
<div id="UserInfo" runat="server" style="float:right; height:200px; width:720px; margin-left:20px;" ></div>
<br />
<div id="SummaryInfo" runat="server" style="float:right; height:200px; width:720px;     margin-left:20px;" ></div>
</asp:Content>

编辑

我认为这可能是相关的 CSS 部分（在我的母版页中）

    #form1
    {
        overflow:visible; 
        height: 999px;
        width: 1152px;
        position: fixed;
        top: 12px;
        left: 6px;
    }

【问题讨论】：

发布您认为会导致问题的完整 CSS 将是一个明智的想法。我的第一直觉是overflow 设置不正确。
哪些元素设置了overflow 属性？似乎overflow:visible; 和#form1 是缓解“症状”的权宜之计，类似于其他地方的overflow:hidden;。
我将 #form1 更改为溢出：隐藏，并将 html { } css 类更改为溢出：自动。似乎成功了。

标签： c# asp.net css scroll

【解决方案1】：

您可以在 IE 中按 F12 并启动开发工具栏。使用选择工具，选择带有灰色滚动条的元素，并查看实际应用于该元素的 css。您甚至可以尝试在此工具栏中对 css 进行一些调整以查看差异。

我认为此链接将为您提供有关如何使用该工具的一些详细信息： http://www.codeproject.com/KB/applications/IE_dev_toolbar.aspx

如果您不知道为什么它不起作用，您可以在此处发布实际的 css，以便我们可以帮助您。

【讨论】：

感谢这有很大帮助。我必须将我的表单位置设置为相对而不是绝对以及溢出：自动将其属性设置为 html { } css 类。

【解决方案2】：

问题肯定出在 CSS 中，与页面是用 ASP.NET 编写的事实无关。您可能在页面某处设置了溢出：隐藏，这导致该元素之外的内容不显示，因此不需要滚动条。

【讨论】：

【解决方案3】：

尝试推杆高度：101%；在正文规则中，看看是否可以解决它:-)

【讨论】：

在正文规则中不做任何事情，但如果我把它放在 html 规则中，则会出现一个滚动条，但是当你滚动时它实际上并没有做任何事情。我认为它可能与表格的定位有关/绝对或什么？不确定。
无论如何我都不会将 CSS 规则应用于表单 - 将它们移动到 body 元素。然后我会简单地开始注释掉我的 CSS 中的规则来定位有问题的语法。 ChristiaanV 的使用工具的建议很好:-)