基本造型.主页面右侧的导航栏

本文关键字：导航 造型 主页 | 更新日期: 2023-09-27 17:58:20

称我为傻瓜，但我不擅长造型。不是我的专长。但无论如何，在我的CSS页面上，我需要将MasterPage导航栏放在左侧。但当我点击链接将我带到不同的页面时，它必须显示在中间，导航仍然在左边。

这不仅仅是造型吗？如果是，请帮忙。

这是我的asp代码：

    <%@ Master Language="C#" AutoEventWireup="true" CodeFile="~/MasterPage.master.cs" Inherits="MasterPage" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Travis's Master Page = Resume Information</title>
        <asp:ContentPlaceHolder ID="head" runat="server">
            <link href="Stylesheet" rel="stylesheet" type="text/css" />
        </asp:ContentPlaceHolder>
    </head>
    <body>
        <form id="form1" runat="server">
            <div id="page">
                <div id="header" >
                    <asp:Image ID="Image1" runat="server" Height="99px"
                        ImageUrl="./Pictures/city2.jpg" Width="70px" />
                </div>
                <div id="sidebar" >
                    <asp:HyperLink ID="Home" runat="server"
                        NavigationUrl="./Default.aspx" CssClass="link">Home</asp:HyperLink>
                    <br /><br />
                    <a href="Default2.aspx">Education</a>
                    <asp:HyperLink ID="Proficiencies" runat="server"
                        NavigationUrl="./Default3.aspx" CssClass="link">IT Proficiencies</asp:HyperLink>
                    <br /><br />
                    <asp:HyperLink ID="Involvement" runat="server"
                        NavigationUrl="./Default4.aspx" CssClass="link">Community Involvement</asp:HyperLink>
                    <br /><br />
                    <asp:HyperLink ID="References" runat="server"
                        NavigationUrl="./Default5.aspx" CssClass="link">References</asp:HyperLink>
                    <br /><br />
                </div>
                <div id="main">
                    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                    </asp:ContentPlaceHolder>
                </div>
                <div id="message">
                    <asp:Label ID="lblMessage" runat="server" Text="This is a Label" CssClass="label"></asp:Label>
                    <br />
                </div>
            </div>
        </form>
    </body>
</html>

如果你想笑的话，也可以笑，但这是我在造型方面所能做到的。

    Body
{
}
Aside
{
}
Footer
{
}

如有任何帮助，我们将不胜感激。我知道这可能只是非常基本的东西，但我希望得到帮助。

谢谢！

编辑：现在，就目前的情况来看，一切都在左边。在其他页面上输入的信息仍然显示在导航栏上。我不能让它出现在在中间。

基本造型.主页面右侧的导航栏

修复方法是使用浮动：

  1. 将侧边栏设置为float:left
  2. 将main设置为float:right：
  3. 在您的主div之后添加：<div style="clear: both;"></div>

这应该能奏效。这里有一个非常简单的jsfiddle演示它：

http://jsfiddle.net/LM3xp/

相关文章：