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标签适合

回答

相关问题