如何刪除此滾動條？

我正在使用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

設置溢出：隱藏;。否則，設置overflow：auto會導致滾動條在需要時顯示。

這應該解決它。

來源

2011-09-16 09:24:13

您可以使用CSS樣式overflow：hidden;刪除滾動條。不適合DIV的信息不會顯示。您也可以刪除固定的div高度來解決問題。

來源

2011-09-16 08:55:11 Robert

根據他的代碼，沒有一個DIV元素定義了高度...... –

看起來好像（他評論）寬度是問題而不是高度。 –

爲了隱藏瀏覽器中的水平滾動條，您可以將style="overflow-x:hidden"插入到<html>標記中，但不能在<body>標記中插入。

即<html style="overflow-x:hidden">將使您禁用水平滾動條

即<body style="overflow-x:hidden">將不產生禁用效果

來源

2012-04-29 16:34:15 winston

如何刪除此滾動條？

回答

相關問題