Asp.net 身高是100%？_Asp.net_Html_Css

Asp.net 身高是100%？

asp.net html css

Asp.net 身高是100%？,asp.net,html,css,Asp.net,Html,Css,我将创建一个asp.net网页样式，如： body { font-family: Times New Roman, Serif; color: #000000; text-align: center; min-height:100%; height:auto; } #container { /*background-color: #00CCFF; */

我将创建一个asp.net网页样式，如：

body
    {
        font-family: Times New Roman, Serif;
        color: #000000;
        text-align: center;
        min-height:100%;
        height:auto;
    }
    #container
    {
        /*background-color: #00CCFF; */
        margin: auto;
        width: 100%;
    }
    #header
    {
        /* background-color: #FF00FF; */
        width: 100%;
        height: 95px;
        background-image:url('../Images/Back_logo.png');
        background-repeat:repeat-x;
        background-color:Transparent;
    }
    #menu
    {
        /*background-color: #FFFF00; */
        height:40px;
    }
    #left
    {
        /* background-color: #00FF00; */
        width: 20%;
        float: left;
    text-align:left;
        border:1px solid #C8E3F1;
        background-color:#EEFFFF;
        overflow:hidden;
    }
    #center
    {
        width: 79%;
        float: right;
        /* background-color: #FF0000; */
    }
    #footer
    {
        /*background-color: #008000; */
        clear: both;
        height:70px;
        margin-top:10px;
        background-image: url('../Images/footer.png');
        background-repeat:repeat-x;
        background-color:Transparent;
    }

我有一个问题是页面的高度不是100%。我在body中使用了最小高度或高度为100%，但不起作用。页脚随内容的长度而变化中心。如何修复？ html非常简单：

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="layout.master.cs" Inherits="layout" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head runat="server">
    <title>Layout</title>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
    <link href="App_Themes/theme1/custom.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <form id="form1" runat="server">
        <div id="container">
        <div id="header">HEADER</div>
        <div id="menu">MENU</div>
        <div id="left">LEFT</div>
        <div id="center">
            <asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server"</asp:ContentPlaceHolder>
        </div>
        <div id="footer">FOOTER</div></div>
    </form>
  </body>
</html>


布局
标题
菜单
左边
将html{height:100%}
放在开头，看看它是否有用。
将html{height:100%}
放在开头，看看它是否有用。
使用html，Body
html, body {
height: 100%;

}
我们需要为html和body标记提供100%的高度。这一点经常被忽略，但非常重要，因为任何元素都不会调整到某个百分比高度，除非它知道它的父级高度当前所占的位置。因为容器是body标记的后代，body标记是html标记的后代，所以这是必需的
100%的高度是CSS不容易做到的事情之一。当指定一个图元的高度为100%时，100%表示包含该图元的高度。然后，包含元素需要是其包含元素高度的100%，以此类推。诀窍是将最外层元素的高度设置为100%
使用HTML，Body
html, body {
height: 100%;

}
我们需要为html和body标记提供100%的高度。这一点经常被忽略，但非常重要，因为任何元素都不会调整到某个百分比高度，除非它知道它的父级高度当前所占的位置。因为容器是body标记的后代，body标记是html标记的后代，所以这是必需的
100%的高度是CSS不容易做到的事情之一。当指定一个图元的高度为100%时，100%表示包含该图元的高度。然后，包含元素需要是其包含元素高度的100%，以此类推。诀窍是将最外层元素的高度设置为100%
确保在Xpath布局层次结构的每个点上都将高度设置为100%。这就是html->body->form->div id=“center”
style=“高度：100%”
然后，您可以继续在子页面中使用style=“height:100%”，该子页面将在继承内容的占位符处从ContentPlaceholder 2继承
有些区域可能需要调整（降低）高度百分比，以允许其他元素适合该区域，例如其他分区。
确保Xpath布局层次结构的每个点的高度都设置为100%。这就是html->body->form->div id=“center”
style=“高度：100%”
然后，您可以继续在子页面中使用style=“height:100%”，该子页面将在继承内容的占位符处从ContentPlaceholder 2继承
有些区域可能需要调整（降低）高度百分比，以允许其他元素适合该区域，例如，其他分区。
尝试此操作我仍然有一个问题，即页脚必须始终低于中心包含，这可能会改变大小。尝试此操作我仍然有一个问题，页脚必须始终低于中心包含，这可能会改变大小。还有页脚，如果中心不够长，如何将其固定在屏幕底部，如果中心div比屏幕高度长，如何将其拖动以固定？？您可以使用多种技术来处理它，例如。将页脚位置设置为绝对和底部：0px；还有很多其他方法。如果将页脚设置为绝对值，则当中心包含长度大于高度屏幕时，它无法正常工作。页脚不能始终低于包含。我使用了固定位置，但也不起作用。请发布您的html代码，然后我将能够帮助您。还有页脚，如果中心不够长，如何将其固定在屏幕底部，如果中心div长于屏幕高度，则如何拖动以固定？例如，您可以使用多种技术来使用它。将页脚位置设置为绝对和底部：0px；还有很多其他方法。如果将页脚设置为绝对值，则当中心包含长度大于高度屏幕时，它无法正常工作。页脚不能始终低于包含。我使用固定位置，但不工作太多。请张贴您的html代码也，然后我将能够帮助您。