Question

我正在用我的网站创建一个管理仪表板，现在包括左侧的边栏。我想知道如何将div对齐到右侧，以便可以在其中放置主仪表板？

我尝试在CSS和attr中进行“对齐”。在HTML中，但我一直将其附加到我的侧边栏

div {
  align: right;
}

我希望它显示在侧边栏的右侧，但是发生的是主页连接到侧边栏

Answer 1

使用

div {
  float: right;
}

它将把div放到页面右侧

Answer 2

首先，为边栏添加此样式：

.yourSideBar {
    float:left;
    }

然后按照下一个步骤进行操作

：

div {
   float:right;
   }

Answer 3

使用弹性框：

以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%;
}