어떻게이 스크롤바를 제거 할 수 있습니까?

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>

출처

2011-09-16 mikespiteri

귀하의 질문이 많은 문제를 비활성화 할 수 있습니다 :. ** 1 ** 질문 하는게 아닙니다 ' 정말 스크롤바 문제에 대해 명확하지 않습니까? 가로 또는 세로 스크롤 막대입니까? Visual Studio에서 (당신이 그것을 언급하고 있기 때문에) 또는 브라우저 (전혀 언급하지 않음)입니까? 어떤 요소가 스크롤바 (FireBug로 확인)를 보여주고있는 것 같습니다. ** 그리고 2. ** 귀하의 코드가 도움이되지 않습니다. JSFiddle에 넣으면 브라우저 문제 일 때 실제로 문제를 볼 수 있습니다. _ 몇 가지 대답을했기 때문에 이것을 답으로 쓸 수는 있었지만 도움이 될 것이기 때문에하지 않을 것입니다 ._ –

가로 스크롤 막대이며 브라우저에서 발생합니다. 죄송합니다 언급하지 않음으로써 – mikespiteri

오버플로 설정 : 숨김; 그렇지 않으면 오버플로 설정 : 자동으로 필요할 때마다 스크롤바가 표시됩니다.

해결해야합니다. 웹 브라우저에서 가로 스크롤 막대를 숨기기 위해

출처

2011-09-16 09:24:13

CSS 스타일 overflow : hidden; 스크롤 바를 삭제합니다. DIV에 적합하지 않은 정보는 표시되지 않습니다. 고정 된 div 높이를 제거하여 문제를 해결할 수도 있습니다.

출처

2011-09-16 08:55:11 Robert

그의 코드에 따르면 DIV 요소 중 어느 것도 높이를 정의하지 않았습니다 ... –

글자가 폭이 문제가 아닌 높이입니다. –

, 당신은 <html> 태그에 style="overflow-x:hidden"를 삽입 아닌 <body> 태그 할 수 있습니다.

즉 <html style="overflow-x:hidden">가 당신이 가로 스크롤 막대를

즉 <body style="overflow-x:hidden">하지가 비활성화 효과를 얻을 것입니다

출처

2012-04-29 16:34:15 winston

어떻게이 스크롤바를 제거 할 수 있습니까?

답변

관련 문제