Question

这是我的主页代码...........

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Home.master.cs" Inherits="AP5.MasterPage.Home" %>

<!DOCTYPE html>

<html lang="en">
<head runat="server">
    <meta charset="utf-8">
    <title></title>
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1.0, user-scalable=no">
     <link href="../css/fonticon-styles.css" rel="stylesheet" type="text/css">
    <link href="../css/vendors/nanoscroller/nanoscroller.css" rel="stylesheet" type="text/css">
    <link href="../css/style.css" rel="stylesheet" type="text/css">






    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">

        <div class="body-inner nano">
            <div class="nano-content">
                <!--Main Nav container -->
                <aside id="sidebar">
                    <asp:PlaceHolder ID="phMenu" runat="server" EnableViewState="true"></asp:PlaceHolder>
                </aside>
                <div id="page">
                    <header id="header" class="hidden-md hidden-small">
                        <div class="container">

                        </div>
                    </header>
                    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"></asp:ContentPlaceHolder>

                </div>
            </div>
        </div>
    </form>
    <script src="../Js/jquery/jquery.min.js"></script>
    <script src="../Js/nanoscroller/jquery.nanoscroller.min.js"></script>
</body>
</html>

这是我的css，它正在制造问题......

.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}

.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}

当我制作包含此母版页的aspx页面时，母版页未显示页面内容。但是当我从nano类中删除相对属性时，内容正在显示，但是纳米滚动条正在页面中创建一个水平滚动条，我想删除此滚动条并显示所有页面内容。我正确使用所有css和js文件。甚至文本也没有在aspx页面中显示。但它在普通的html页面中运行良好。通过母版页它无法正常工作。内容未显示或滚动条水平显示或纳米滚动条不起作用。

有人知道如何解决这个问题吗？

Answer 1

你在绝对定位的纳米内容上使用的css技术＆＃34;如果您不添加margin:auto，则无法正常工作。这可能是你的问题

当母版页包含在aspx页面中时，位置相对不起作用

1 个答案: