ASP.NET div標籤適合

我想自動調整我的<div>標記的大小，但它始終適合當前窗口，而不是我所有的body標記。

我發現了很多解決方案，但沒有什麼能幫助我很多。所以，如果你有任何想法，請與我分享。

我附加了PrintScreen，我的CSS和HTML代碼片段。

坦克你！

enter image description here

.Body 
 
{ 
 
    background-color:white; 
 
    margin-top:0px; 
 
    margin-left:0px; 
 
    margin-right:0px; 
 
    margin-bottom:0px; 
 
    height:100%; 
 
    width:100%; 
 
} 
 

 
.Fejlec_Div 
 
{ 
 
    width:100%; 
 
    background: linear-gradient(#FFFFFF,#C0C0C0); 
 
} 
 

 

 
.Fejlec_label 
 
{ 
 
    color:black; 
 
    font-weight:bold; 
 
    font-size:xx-large; 
 
} 
 

 
.Fejlec_label_Div 
 
{ 
 
    width:600px; 
 
} 
 

 
.Fejlec_tabla_elso_sor_elso_cella 
 
{ 
 
    padding-left:15px; 
 
    padding-right:15px; 
 
    vertical-align:middle; 
 
} 
 

 
.Fejlec_tabla_elso_sor_masodik_cella 
 
{ 
 
    padding-left:15px; 
 
    padding-right:15px; 
 
    vertical-align:middle; 
 
} 
 

 
.Fejlec_tabla_elso_sor_harmadik_cella 
 
{ 
 
    padding-left:15px; 
 
    padding-right:15px; 
 
    vertical-align:middle; 
 
} 
 

 
.Fejlec_tabla_elso_sor_negyedik_cella 
 
{ 
 
    padding-left:15px; 
 
    padding-right:0px; 
 
    vertical-align:middle; 
 
}

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="nissin_1.master.cs" Inherits="nissin_net.nissin_1" %> 
 

 
<%@ Register assembly="System.Web.DataVisualization, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" namespace="System.Web.UI.DataVisualization.Charting" tagprefix="asp" %> 
 

 
<!DOCTYPE html> 
 

 
<html xmlns="http://www.w3.org/1999/xhtml" runat="server"> 
 
    <head id="Master_Head" runat="server"> 
 
     <asp:ContentPlaceHolder ID="Head_Contentplaceholder" runat="server"> 
 
     </asp:ContentPlaceHolder> 
 
     <title id="Master_Title" runat="server"></title> 
 
    </head> 
 
    <body id="Body" runat="server" class="Body"> 
 
     <link id="Css_Link" runat="server" href="Master_design.css" rel="stylesheet"/> 
 
     <link id="Shortcur_icon_Link" runat="server" href="~/Resources/nissin_logo.png" rel="icon"/> 
 
     <form id="Master_Form" runat="server"> 
 
      <div id="Fejlec_Div" runat="server" class="Fejlec_Div"> 
 
       <asp:table ID="Fejlec_Table" runat="server" HorizontalAlign="Center"> 
 
        <asp:TableRow ID="Fejlec_tabla_elso_sor" runat="server" CssClass="Fejlec_Table"> 
 
         <asp:TableCell ID="Fejlec_tabla_elso_sor_elso_cella" runat="server" CssClass="Fejlec_tabla_elso_sor_elso_cella"> 
 
          <asp:Image ID="Fejlec_logo_Image" runat="server" ImageUrl="~/Resources/nissin_logo.png"/> 
 
         </asp:TableCell> 
 
         <asp:TableCell id="Fejlec_tabla_elso_sor_masodik_cella" runat="server" CssClass="Fejlec_tabla_elso_sor_masodik_cella" HorizontalAlign="Center"> 
 
          <div id="Fejlec_label_Div" runat="server" class="Fejlec_label_Div"> 
 
           <asp:Label CssClass="Fejlec_label" ID="Fejlec_Label" runat="server" Text="A Nissin Foods Kft. belső hálózata"></asp:Label> 
 
          </div> 
 
         </asp:TableCell> 
 
         <asp:TableCell ID = "Fejlec_tabla_elso_sor_harmadik_cella" runat="server" CssClass="Fejlec_tabla_elso_sor_harmadik_cella"> 
 
          <asp:ContentPlaceHolder ID="Bejelentkezes_Contentplaceholder" runat="server"> 
 
          </asp:ContentPlaceHolder> 
 
         </asp:TableCell> 
 
         <asp:TableCell ID="Fejlec_tabla_elso_sor_negyedik_cella" runat="server" CssClass="Fejlec_tabla_elso_sor_negyedik_cella"> 
 
          <asp:ContentPlaceHolder ID="Nyelvek_Contentplaceholder" runat ="server"> 
 
          </asp:ContentPlaceHolder>       
 
         </asp:TableCell> 
 
        </asp:TableRow> 
 
       </asp:table> 
 
      </div>   
 
      <div id="Kozep_Div" runat="server"> 
 
       <asp:ContentPlaceHolder ID="Kozep_Contentplaceholder" runat="server"> 
 
       </asp:ContentPlaceHolder> 
 
      </div> 
 
     </form> 
 
    </body> 
 
</html>

來源

2014-10-02 Gabor

你能發佈生成的HTML而不是你的.net嗎？ – Turnip 2014-10-02 12:58:36

，因爲你的身體寬度爲100％。這意味着，你的身體元素將適合你的瀏覽器窗口寬度。你應該用px而不是百分數來指定你的身體寬度。例如：

.Body { 
    ... 
    width: 1200px; 
    ... 
}

來源

2014-10-02 13:09:53 Footniko

謝謝！這是否意味着，我可以始終獲得瀏覽器的當前大小，並將「body」標籤貼在他們身上？ – Gabor 2014-10-02 13:22:57

@Gabor，在這種情況下 - 是的，但這不是一個好方法。你應該建立你的HTML代碼，以更好地響應用戶，因爲它們可能都有不同的屏幕分辨率，這會影響瀏覽器窗口的寬度。使用谷歌搜索，您可能熟悉使用響應式設計的更多細節。 – Footniko 2014-10-02 13:40:38

ASP.NET div標籤適合

回答

相關問題