你如何对齐的div到页面的右侧

Question

我与我的网站创建管理仪表板，现在包括在左侧边栏。我想知道我该如何调整我的div向右所以主仪表盘可以在那里？

我试着在CSS和生成的attr做“对齐”。在HTML，但我不断收到它连接到我的侧边栏

div {
  align: right;
}

我预期显示在侧边栏的右侧，但实际情况是，主要的页面连接到侧边栏

Answer 1

采用

div {
  float: right;
}

这将您的DIV的地方离页面右边

Answer 2

首先，添加这种风格的侧边栏：

.yourSideBar {
    float:left;
    }

然后按照接下来为您的div：

div {
   float:right;
   }

Answer 3

使用Flex-箱：

在HTML为：

<main>
<section class="dashboard"></section>
<aside class="right-sidebar"></aside>
</main>

你可以风格是这样的：

main{
  width:100vw;
  height:100vh;
  display: flex;
}

section{
  width:80%;
  background:#000;
}

.right-sidebar{
background:#ccc; 
width:20%;
}