Css 为什么我的盒子不显示在右边？
这可能是一个非常简单的问题，但我从来没有真正做过网络。。。因此，我有我的麻烦与CSS 我正在尝试使用CSS和HTML5来设计我的简历。我已经为我的主要内容创建了一个小类，我打算用它来放置与主要内容相关的东西，比如我们的游戏艺术家在一个关于新游戏的游戏性的页面上的新官方艺术品，或者游戏角色的链接，等等 我还希望最终在其他容器（如导航栏）中重用Css 为什么我的盒子不显示在右边？,css,html,Css,Html,这可能是一个非常简单的问题，但我从来没有真正做过网络。。。因此，我有我的麻烦与CSS 我正在尝试使用CSS和HTML5来设计我的简历。我已经为我的主要内容创建了一个小类，我打算用它来放置与主要内容相关的东西，比如我们的游戏艺术家在一个关于新游戏的游戏性的页面上的新官方艺术品，或者游戏角色的链接，等等 我还希望最终在其他容器（如导航栏）中重用aside元素，以便在每个页面上都有一个特殊的元素，该元素与其他导航链接明确分开 然而，虽然后一部分有效，但前一部分失败了。我认为将rightpane类应用于
asiderightpaneaside- 我的理解正确吗
- 如果我在aside元素样式中添加一个right:5%规则，那么我的框会以某种方式显示在我想要的位置，但这是一个预先确定的位置，而不是让它在右侧浮动，这看起来很糟糕
aside {
text-align: right;
float: right;
}
.rightpane {
text-align: right;
overflow: scroll;
visibility: visible;
position: absolute;
max-width: 20%;
top: 20%;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../Presentation/CSS/main.css" />
<title>
Minus and Brains, Inc.
</title>
</head>
<body>
<nav id="navBar" class="center">
<ul>
<li>
<a href="wtf.html">WTF</a>
</li>
<li>
<a href="Cheese.html">Cheese</a>
</li>
<aside>
<li>
<a href="supertramp.html">Breakfast in America</a>
</aside>
</li>
</ul>
</nav>
<article>
<h2>Plans to conquer the world</h2><time datetime=”2011-09-09T19:31:45+01:00″>9 septembre 2011</time>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</article>
<aside class="rightpane">09/09/2011<br/>Some brilliant news: Brains finally takes over World!</aside>
</body>
</html>
负和大脑公司。
-
-
征服世界的计划2011年9月9日
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。
2011年9月9日
一些好消息：大脑终于接管了世界！
positionfloat.rightpaneright:0pxaside.rightpane {
text-align: right;
overflow: scroll;
visibility: visible;
position: absolute;
max-width: 20%;
top: 20%;
right:0%; //ADDITION HERE
}
更新的示例：共享一些示例标记，以便我们可以制作一些东西。或者最好写一个案例。试着从右窗格中删除
位置：绝对