Html 折叠大宽度闪亮的仪表板侧边栏

Html 折叠大宽度闪亮的仪表板侧边栏,html,css,r,shiny,shinydashboard,Html,Css,R,Shiny,Shinydashboard,我试图隐藏一个大宽度的shinydashboard侧边栏。问题是当我增加宽度时,边栏并没有完全离开屏幕 这是我试图解决的问题的一个例子 ## R Code ## library(shiny) library(shinydashboard) ui <- dashboardPage( dashboardHeader(), dashboardSidebar(), dashboardBody(tags$head(includeCSS("www/custom.css"

我试图隐藏一个大宽度的shinydashboard侧边栏。问题是当我增加宽度时,边栏并没有完全离开屏幕

这是我试图解决的问题的一个例子

## R Code ##
library(shiny)
library(shinydashboard)

ui <- dashboardPage(
  dashboardHeader(),
  dashboardSidebar(),
  dashboardBody(tags$head(includeCSS("www/custom.css")))
)

server <- function(input, output) { }

shinyApp(ui, server)
这是未折叠的侧边栏:

这是折叠的边栏:


可以看出,它并没有隐藏:。关于如何解决这个问题,有什么建议吗?

利用ccss中的display属性

因此,与其改变宽度,不如显示:无; 这将调整其他元素的大小并相应地移动对象。 请参考此wc3链接,例如:


添加.sidebar collapse.main侧边栏{display:none;}修复了该问题。谢谢
## CSS ##
.left-side, .main-sidebar {
   width: 50vw;
}