0

我是 webdev 的新手。我正在尝试使用语义 ui 来构建一个简单的门户网站。

我在使用侧边栏组件时遇到问题。我希望侧边栏的行为像这个页面 https://adminlte.io/themes/AdminLTE/index2.html一样 ，当侧边栏显示/折叠时，正文内容会缩小/展开。

但是无论我在 semantic-ui 的侧边栏（推送/缩放）上选择什么设置/转换方法，身体的某些部分都会移出屏幕。我只想让内容在不超过视口宽度的情况下缩小和扩大。这是我的代码的 jsfiddle显示问题： https://jsfiddle.net/vinu_tlg/L5eqt3f4/

谁能让我知道如何在语义 UI 中实现这种行为。

之前有一个类似的问题， 但我没有看到任何关于如何实现它的答案。

感谢任何指针。提前致谢。

4

1 回答 1

0

添加此样式

.sidebar.visible + .pusher {
  width: calc(100% - 260px);
}
body.pushable {
   background-color: white !important;
}

更新 的小提琴

于 2018-06-15T09:45:59.650 回答