基本样式。母版页右侧的导航栏

Question

称我为菜鸟，但造型太糟糕了。 不是我的强项。 但是无论如何，在我的CSS页面上，我需要让MasterPage Navigation栏位于左侧。 但是，当我单击链接以将我带到其他页面时，它必须显示在中间，而导航仍在左侧。

这不仅仅是样式吗？ 如果是，请帮助。

这是我的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之后添加： <div style="clear: both;"></div>

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

http://jsfiddle.net/LM3xp/

基本样式。母版页右侧的导航栏

问题描述

1 个解决方案

解决方案1
1 已采纳 2014-04-13 23:09:15

基本样式。 母版页右侧的导航栏

问题描述

1 个解决方案

解决方案1 1 已采纳 2014-04-13 23:09:15

基本样式。母版页右侧的导航栏

解决方案1
1 已采纳 2014-04-13 23:09:15