它不是在主要部分的左侧,而是在它的上方。我不确定为什么。
#sidebar {
float:left;
}
<body>
<div class="page">
<header>
<div id="title">
<h1>My MVC Application</h1>
</div>
<div id="logindisplay">
Welcome <strong>@User.Identity.Name</strong>!
</div>
<nav>
<ul id="menu">
<li>@Html.ActionLink("Home", "Index", "Home")</li>
<li>@Html.ActionLink("About", "About", "Home")</li>
</ul>
</nav>
</header>
<nav id="sidebar">
Go To...
<ul>
<li>First Move to Moon</li>
<li>First Move to Moon</li>
<li>First Move to Moon</li>
<li>First Move to Moon</li>
<li>First Move to Moon</li>
<li>First Move to Moon</li>
<li>First Move to Moon</li>
<li>First Move to Moon</li>
<li>First Move to Moon</li>
<li>First Move to Moon</li>
<li>First Move to Moon</li>
<li>First Move to Moon</li>
<li>First Move to Moon</li>
<li>First Move to Moon</li>
</ul>
</nav>
<section id="main">
@RenderBody()
</section>
<footer>
</footer>
</div>
</body>
最佳答案
如果没有所有相关的 CSS,很难发现 CSS 问题。您似乎发布了一个新的 Asp.Net MVC 应用程序的默认共享布局 View ,并添加了一个导航 div。但是如果没有所有的 css,就不可能确定到底出了什么问题。我看到的一个问题是你的 #sidebar
css 未被 <style>
包裹标签。应该是这样的:
<style>
#sidebar
{
float: left;
}
</style>
解决 css 异常的最简单和最快捷的方法是使用 FF 或 Chrome 中的开发人员工具来检查您的标记样式。如果您检查了 sidebar
div 的 css,你会看到 float:left
您发布的代码未应用样式,这应该会导致您推断您没有引用 css 或没有正确声明它。
关于css - 为什么我的导航列表不向左浮动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10319409/