~$ 存档

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理 ::

母版页代码:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="user.master.cs" Inherits="母版页.user" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body style="margin:20px auto;width:50%">
    <div id="header" style="background: bisque">
        <span style="font-size: 30px">网页#header区域(非内容区)</span>
    </div>
    <div id="main">
        <div id="leftbar" style="float: left; width: 30%; background: azure">
            <div>导航菜单(非内容区)</div>
            <ul>
                <li>C++
                </li>
                <li>JAVA
                </li>
                <li>ASP.NET
                </li>
            </ul>
        </div>
        <div id="right" style="border:2px solid blue;float: left; width: 70%; background: #eee;box-sizing: border-box;">           
            <asp:ContentPlaceHolder ID="TestContentPlaceHolder" runat="server">
                <%--此处为内容填充区--%>
            </asp:ContentPlaceHolder>
        </div>
    </div>
</body>
</html>

内容页代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="母版页._default"
    MasterPageFile="~/user.Master" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TestContentPlaceHolder" runat="server">
    <div>
        内容区
        <ul>
            <li>C++是一门优秀的语言
            </li>
        </ul>
    </div>
</asp:Content>

效果如下:

posted on 2017-11-27 16:26  LuoTian  阅读(155)  评论(0编辑  收藏  举报