Question

叫我一个菜鸟，但我在造型方面很糟糕。不是我的强项。但无论如何，在我的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
{

}

对此的任何帮助将不胜感激。我知道这可能只是非常基本的东西，但我想伸出援助之手。

谢谢！

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

Answer 1

修复将使用浮点数：

将侧边栏设为float:left。
将您的主页设置为float:right：
：<div style="clear: both;"></div>

这应该可以解决问题。这是一个非常简单的jsfiddle，它说明了它：

http://jsfiddle.net/LM3xp/

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

1 个答案: