基本造型。母版页右侧的导航栏答案

【问题标题】：Basic Styling. Navigation bar on right on Master Page基本造型。母版页右侧的导航栏
【发布时间】：2014-04-13 23:01:30
【问题描述】：

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

}

对此的任何帮助将不胜感激。我知道这可能只是非常基本的东西，但我需要帮助。

谢谢！

编辑：现在，就目前而言，它都在左侧。在其他页面上输入的信息仍然显示在导航栏上。我无法让它出现在中间。

【问题讨论】：

标签： c# asp.net css .net master-pages

【解决方案1】：

解决方法是使用浮点数：

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

这应该可以解决问题。这是一个非常简单的 jsfiddle 演示它：

http://jsfiddle.net/LM3xp/

【讨论】：