母版页代码:
<%@ 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;50%">
<div id="header" style="background: bisque">
<span style="font-size: 30px">网页#header区域(非内容区)</span>
</div>
<div id="main">
<div id="leftbar" style="float: left; 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; 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>
效果如下: