CSS保證金和頁面寬度問題

的問題是，當我設定的保證金爲零，我的網頁溢出和我在頁面的底部以滾動條。有任何想法嗎？

我將margin設置爲零的原因是因爲我希望內容完全填充頁面，以便我的ASP：Menu跨越整個頁面。

<body style="padding:0; margin:0;"> 
<div> 
    <form id="frmMaster" runat="server"> 
     <asp:ScriptManager runat="server" ID="scriptManagerID" EnablePageMethods="true" ScriptMode="Release"></asp:ScriptManager> 

     <div id="header"> 
      <div id="headerTop"> 
       <div id="headerLeft"> 
        <asp:Image ID="imgLogo" runat="server" ImageUrl="~/Images/Company_Logo.jpg" Height="80px" AlternateText="Logo" /> 
       </div> 
       <div id="headerRight"> 
        <asp:Menu ID="mnuMain" runat="server" OnMenuItemClick="mnuMain_MenuItemClick" Orientation="Horizontal" 
         StaticDisplayLevels="1" MaximumDynamicDisplayLevels="3" SkinID="UserBar" > 
         <Items> 
          <asp:MenuItem Text="About" Value="About;list"></asp:MenuItem> 
          <asp:MenuItem Text="Config" Selectable="false"> 
           <asp:MenuItem Text="Change Password" Value="ChangePassword;edit"></asp:MenuItem> 
           <asp:MenuItem Text="Customer Ranks" Value="ConfigCustomersRank;list"></asp:MenuItem> 
           <asp:MenuItem Text="Registration" Value="RegistrationInfo;list"></asp:MenuItem>         
          </asp:MenuItem> 
          <asp:MenuItem Text="Logout" Value="Logon;logout"></asp:MenuItem> 
         </Items> 
        </asp:Menu> 
        <asp:Label ID="lblMasterError" runat="server" ForeColor="Red" Text="Error" Visible="False"></asp:Label> 
        <asp:Label ID="lblUser" runat="server" ForeColor="Black" Text="User: " ></asp:Label> 
       </div> 
      </div> 
     </div> 

     <div id="menu" class="clear hideSkipLink"> 
      <asp:Menu ID="mnuModule" runat="server" OnMenuItemClick="mnuModule_MenuItemClick" 
       Orientation="Horizontal" SkinID="Navigation" > 
       <Items> 
        <asp:MenuItem Text="Home" Value="Home;list"></asp:MenuItem> 
        <asp:MenuItem Text="Calendar" Value="Calendar;month"></asp:MenuItem> 
        <asp:MenuItem Text="Customers" Value="Customers;list"> 
         <asp:MenuItem Text="Create Customer" Value="Customers;create;0;;0;"></asp:MenuItem> 
        </asp:MenuItem> 
        <asp:MenuItem Text="Communications" Selectable="false"> 
         <asp:MenuItem Text="Activities" Value="Activities;list"> 
          <asp:MenuItem Text="Create Activity" Value="Activities;create"></asp:MenuItem> 
         </asp:MenuItem> 
         <asp:MenuItem Text="Emails" Value="Emails;list"> 
          <asp:MenuItem Text="Create Email" Value="Emails;create"></asp:MenuItem> 
         </asp:MenuItem> 
         <asp:MenuItem Text="Meetings" Value="Meetings;list"> 
          <asp:MenuItem Text="Create Meeting" Value="Meetings;create"></asp:MenuItem> 
         </asp:MenuItem> 
         <asp:MenuItem Text="Phone Communication" Value="PhoneComms;list"> 
          <asp:MenuItem Text="Schedule Phone" Value="PhoneComms;create"></asp:MenuItem> 
         </asp:MenuItem> 
        </asp:MenuItem> 
        <asp:MenuItem Text="Transactions" Selectable="false"> 
         <asp:MenuItem Text="Invoices" Value="Invoices;list"></asp:MenuItem> 
         <asp:MenuItem Text="Leads" Value="Leads;list"> 
          <asp:MenuItem Text="Create Lead" Value="Leads;create"></asp:MenuItem> 
         </asp:MenuItem> 
         <asp:MenuItem Text="Opportunities" Value="Opportunities;list"> 
          <asp:MenuItem Text="Create Opportunity" Value="Opportunities;create"></asp:MenuItem> 
         </asp:MenuItem> 
         <asp:MenuItem Text="Quotes" Value="Quotes;list"> 
          <asp:MenuItem Text="Create Quote" Value="Quotes;create"></asp:MenuItem> 
         </asp:MenuItem> 
        </asp:MenuItem> 
        <asp:MenuItem Text="Reports" Selectable="false"> 
         <asp:MenuItem Text="Contracts For Renewal" Value="CTRTContractsForRenewal;list"></asp:MenuItem> 
        </asp:MenuItem> 
       </Items> 
      </asp:Menu> 
     </div> 

     <asp:ContentPlaceHolder ID="mainContent" runat="server"></asp:ContentPlaceHolder> 

    </form> 
</div>

來源

2011-07-19 333Mhz

你不能讓你的整個代碼調試 – Shaun

我想解決佈局問題，所以我發佈了頁面。你在說什麼？ – 333Mhz

你有沒有其他的CSS，或者只有''標籤中聲明的內容？ – Arj

的問題是，在內容頁面（未掌握），有下面的代碼：

<asp:Panel ID="pnlHeader" runat="server" SkinID="None" CssClass="Panel_Page_Header" > 
    <asp:Label ID="lblHome" runat="server" Text="Home" SkinID="None" CssClass="Label_Page_Header" ></asp:Label> 
</asp:Panel>

而且Label_Page_Header類具有以下性質

padding: 5px; 
width: 100%;

使用填充，寬度：100％將標籤伸出頁面邊緣。

來源

2011-07-27 08:33:02 333Mhz

CSS保證金和頁面寬度問題

回答

相關問題