Question

我的问题如下。

我想自动调整<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>

Answer 1

因为你的身体宽度是100％。这意味着，您的body元素将根据您的浏览器窗口宽度进行调整。您应该以px而不是百分比指定您的身体宽度。例如：

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

ASP.NET div标签适合

1 个答案: