侧边栏浮动面板闪亮

时间:2021-02-12 16:16:58

标签: html css r shiny

我想做一个浮动的侧边栏面板,据说即使主面板变长了,侧边栏的大小也会保留,不会消失。即使屏幕向下滑动。

我发现大量代码似乎创建了一个浮动侧边栏,但我没有足够的 html 或 css 知识来了解它是否是我正在寻找的内容或如何将它们引入 R 代码。 我找到的代码来自 here:

我附上了代码。

.sidebar {
  width: 222px;
  height: auto;
  background-color: #E9E9E9;
  border-radius: 5px;
  border: 1px solid #7F7F7F;
  box-shadow: inset 0px 1px 0px #FDFDFD;
  box-shadow: 0px 1px 0px #949494;
  margin-right: 20px;
  padding: 5px;
  float: left;
  text-align: left;
  font-weight: bold;
  display: inline-block;
  margin-top: 10px;
}

.content {
  width: 666px;
  height: auto;
  background-color: #E9E9E9;
  border-radius: 5px;
  border: 1px solid #7F7F7F;
  box-shadow: inset 0px 1px 0px #FDFDFD;
  box-shadow: 0px 1px 0px #949494;
  padding: 5px;
  float: right;
  text-align: left;
  display: inline-block;
  margin: auto;
  margin-top: 10px;
}

.container {
  width: 932px;
  text-align: center;
  margin: auto;
}
<div class="container">
  <div class="sidebar">
    Placeholder
    <br>
    <hr> Test
  </div>
  <div class="content">Placeholder</div>
  <br>
  <div class="sidebar">Placeholder</div>
</div>

0 个答案:

没有答案
相关问题