Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在窗口缩小时使容器正确调整大小而不被固定菜单覆盖？_Javascript_Html_Css_Semantic Ui_Window Resize - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 如何在窗口缩小时使容器正确调整大小而不被固定菜单覆盖？

Javascript 如何在窗口缩小时使容器正确调整大小而不被固定菜单覆盖？

javascript html css

Javascript 如何在窗口缩小时使容器正确调整大小而不被固定菜单覆盖？,javascript,html,css,semantic-ui,window-resize,Javascript,Html,Css,Semantic Ui,Window Resize,我正在使用语义用户界面。我正在设计的页面两边都有两个固定菜单，中间有一个容器 如果我在两侧使用两个固定菜单，在调整窗口大小时，中间的容器会被它们覆盖。 这样地： 我想调整容器的大小，因为在两侧，有两个元素占据它们自己的空间 如何在窗口缩小时使容器正确调整大小？ 此代码段有一个来自语义用户界面网页的示例。它两边都有两个固定的菜单，容器也有同样的问题，它被它们覆盖了 项目 特征 推荐书 登录 项目 特征 推荐书 登录 我看不见那东西 由于两个侧边栏都有固定的宽度（每个15rem），您可以使

我正在使用语义用户界面。我正在设计的页面两边都有两个固定菜单，中间有一个容器

如果我在两侧使用两个固定菜单，在调整窗口大小时，中间的容器会被它们覆盖。 这样地：

我想调整容器的大小，因为在两侧，有两个元素占据它们自己的空间

如何在窗口缩小时使容器正确调整大小？ 此代码段有一个来自语义用户界面网页的示例。它两边都有两个固定的菜单，容器也有同样的问题，它被它们覆盖了


项目
特征
推荐书
登录
项目
特征
推荐书
登录




我看不见那东西
由于两个侧边栏都有固定的宽度（每个15rem），您可以使用它们设置内容容器的计算宽度。有了它，您将覆盖所有桌面显示（低至768px宽），但看起来这个语义用户界面有自己的断点来动态更改容器的宽度，因此任何分辨率低于768px的显示都将再次破坏此功能。但这并不是那么不幸，因为你不会在这么小的屏幕上同时显示这两个侧边栏，是吗？你知道，没有地方放他们了

div.ui.container{
宽度：计算（100%-30rem）；
}

项目
特征
推荐书
登录
项目
特征
推荐书
登录




我看不见那东西