Rmarkdown 侧边栏可以浮动到居中主要内容的左侧吗？（仅适用于 rmdformats）

Question

我看到了 html 的一些答案，但没有一个适用于我的 Rmarkdown。

我的目标是在使用 rmdformats 时使边栏浮动在居中的 main 部分旁边。或者只是侧边栏+主要居中。

需要包 rmdformats

对于我当前的文件，边栏仍然固定在左侧，尽管我的代码应该以“内容”为中心

.rmd 文件：

---
title: "my title"
date: "`r Sys.Date()`"
output:
  rmdformats::readthedown:
    highlight: kate
---

<link rel="stylesheet" href="mystyle.css"> # css tested in yaml also

mystyle.css :

#content {
  margin: 300 auto;
  max-width: 800px;
}

@media (min-width: 1400px) {
  #content {
  width: 1100px;  
  margin: 0 auto;
  }
}

注意：我知道常见的 Rmarkdown 模仿主要旁边的侧边栏。

Answer 1

当屏幕较小（< 1000px）时，配置接近原始。当它变大时，（> 1450px）我将内容水平居中，侧边栏与内容（主要）相邻。

侧边栏对居中主的伴随效果来自减去300px（侧边栏）加上内容（主）宽度的一半：850px/2（translateX(-725px)），从中心开始（left: 50%)

@media screen and (max-width: 1000px){ /*was 768*/
.tablet-hide{
display:none}

#content{
margin-left: 0;
padding: 1em;
}

#content.shift{
position:relative;
min-width:100%;
left:300px;        /*was 75%*/
top:0;
height:100%;
overflow:hidden}

#sidebar {
font-size: 120%;
left: -300px;
width: 300px;
}

#content.shift #sidebar {
font-size: 120%;
left: 0;
width: 300px; /* was  75% */
}
#nav-top {
display: inline-block;
}
#postamble {
left:-300px;
}
#postamble.shift {
font-size: 90%; /* was 110%*/
left: 0;
width: 100%; /* was 75%*/
}
#main .nav-pills {
margin-left: 0px;
}
#main .nav-pills li {
margin-left: 10px !important;
}
#main .nav-pills > li > a {
padding: 2px 8px !important;
margin-right: 0px !important;
}
}

#content {
    max-width: 850px; /* was 900px*/
}

/* new */

@media (min-width: 1450px) {
  #content {
  width: 1150px;
  margin: 0 auto;
  }

  #sidebar {
    position: fixed;
    left: 50%;
    width: 300px;
    transform: translateX(-725px);
  }
}

基于：Fixed position but relative to container

Rmarkdown 侧边栏可以浮动到居中主要内容的左侧吗？（仅适用于 rmdformats）

Rmarkdown sidebar can float to the left of centered main-content? (for rmdformats only)

css

r

sidebar

r-markdown

Rmarkdown 侧边栏可以浮动到居中主要内容的左侧吗？ （仅适用于 rmdformats）

Rmarkdown sidebar can float to the left of centered main-content? (for rmdformats only)

css

r

sidebar

r-markdown

Rmarkdown 侧边栏可以浮动到居中主要内容的左侧吗？（仅适用于 rmdformats）