改的 css .sideNavContainer { display: flex; flex-direction: row-reverse; } if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); }

cnuser @media @desktop-up { .sideNavOffset { margin-left: 0; } .sideNav { margin-right: 0; margin-left: 50px; &.TagsPage-nav { margin-left: 0; } } .sideNavContainer { flex-direction: row-reverse; } } if(window.hljsLoader && !document.currentScript.parentNode.hasAttribute('data-s9e-livepreview-onupdate')) { window.hljsLoader.highlightBlocks(document.currentScript.parentNode); }

如何实现如论坛首页「侧边栏」在右边

cnuser

Image description

xxc

这个网站不就是这样的布局吗？站长不出来指点一二？

Golden

改的 css


    .sideNavContainer {
        display: flex;
        flex-direction: row-reverse;
    }

cnuser

Golden
谢谢，但是直接使用这个css后，主题列表菜单这边会挡到标签的图标位置

Image description

14569

cnuser

@media @desktop-up {
  .sideNavOffset {
    margin-left: 0;
  }
  .sideNav {
    margin-right: 0;
    margin-left: 50px;
    &.TagsPage-nav {
      margin-left: 0;
    }
  }
  .sideNavContainer {
    flex-direction: row-reverse;
  }
}