logo标签列表

如何去掉这个滚动条？

asp.nethtmlvisual-studio-2010
3

我正在使用Visual Studio 2010。代码一直运行得很好，但是突然出现了一个横向滚动条，我不知道为什么会出现。有没有人知道如何去掉这个滚动条？以下是我的代码。谢谢你的帮助。

<%@ Page Title="Reports" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Reports.aspx.cs" Inherits="F.Reports" %>

<%@ Register Assembly="CrystalDecisions.Web, Version=13.0.2000.0, Culture=neutral, PublicKeyToken=692fbea5521e1304"
    Namespace="CrystalDecisions.Web" TagPrefix="CR" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <title></title>
    <link type="text/css" rel="Stylesheet" href="Styles/jquery-ui-1.8.16.custom.css" />
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.4.js"></script>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $(".dateFrom").datepicker({ dateFormat: 'dd/mm/yy' });
            $(".dateTo").datepicker({ dateFormat: 'dd/mm/yy' });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h2>
     Reports</h2>
    <div id="Div4" style="position: absolute; left: 310px; margin-top: 40px;">
        <h3>
            From Date
        </h3>
        <asp:TextBox ID="DateField" class="dateFrom" runat="server" autocomplete="off"></asp:TextBox>

    </div>
    <div id="Div3" style="position: absolute; left: 500px; margin-top: 40px;">
        <h3>
            To Date
        </h3>
        <asp:TextBox ID="DateField2" class="dateTo" runat="server" autocomplete="off">
        </asp:TextBox>

    </div>
    <div id="Div1" style="position: absolute; left: 0px; margin-top: 40px; right: 295px;">
        <h3>
            Choose Report</h3>
        <asp:DropDownList ID="ReportDropDownList" runat="server">
            <asp:ListItem Value="0">Report1</asp:ListItem>
            <asp:ListItem Value="1">Report2</asp:ListItem>
            <asp:ListItem Value="2">Report3 </asp:ListItem>
           </asp:DropDownList>
    </div>
    <div id="Div2" style="position: relative; left: 690px; margin-top: 55px;">
        <asp:Button ID="GenerateReportButton" runat="server" Text="OK" OnClick="GenerateReportButton_Click" />
    </div>
</asp:Content>
1
你的问题有很多问题：1. 你的问题并不是很清楚关于滚动条的问题？它是水平还是垂直滚动条。它是在Visual Studio中（因为你提到了它），还是在浏览器中（你根本没有提到）。哪个元素似乎显示滚动条（使用FireBug检查）。 2. 你的代码并没有真正帮助解决问题。最好将其放在JSFiddle中，这样我们就可以看到问题（如果是浏览器问题）。我可以将此作为答案，因为它确实回答了一些问题，但我不会这样做，因为它更像是对你的帮助。 - Robert Koritnik
这是一个水平滚动条，它出现在浏览器中。抱歉没有提到。 - mikespiteri
3个回答
5
为了隐藏网页浏览器中的水平滚动条，您可以将style="overflow-x:hidden"插入到<html>标签中，但不能插入到<body>标签中。
例如：<html style="overflow-x:hidden">将允许您禁用水平滚动条。
例如：<body style="overflow-x:hidden">将不会产生禁用效果。
1

设置 overflow: hidden;。否则，设置 overflow: auto 会导致每当需要时都会显示滚动条。

应该就可以解决了。

0
你可以使用CSS样式overflow: hidden;来移除滚动条。不适合DIV的信息将不会显示。您还可以删除固定的div高度以解决问题。
好像（正如他所评论的那样），宽度是问题，而不是高度。 - Robert Koritnik
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接