Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.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
Css 将Flexbox推出画布_Css_Layout_Navigation_Flexbox - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 将Flexbox推出画布

Css 将Flexbox推出画布

css layout navigation

Css 将Flexbox推出画布,css,layout,navigation,flexbox,Css,Layout,Navigation,Flexbox,你们能不能帮我想一想，当达到最大宽度（比如说60em）时，如何将flex列从画布上推出（基本上是负边距或负3dtranslate），这将导致原来的flex4内容容器占据整个窗口 我使用的通用html标记是： <body> <aside> Stuff </aside> <section class="content"> Stuff </section> </body&g

你们能不能帮我想一想，当达到最大宽度（比如说60em）时，如何将flex列从画布上推出（基本上是负边距或负3dtranslate），这将导致原来的flex4内容容器占据整个窗口

我使用的通用html标记是：

<body>
    <aside>
        Stuff
    </aside>
    <section class="content">
        Stuff
    </section>
</body>


东西
东西
我真诚地感谢任何帮助，我真的在这件事上绞尽脑汁。我在这里的最终目标是在分辨率较小的情况下，将侧边用作来自画布外的导航栏

当小于60em时，您可以使用媒体查询在旁边设置
显示：无
： 当使用此选项隐藏旁白时，屏幕阅读器等将看不到旁白。一个可行的解决方案是使用
位置：绝对


编辑：或者这更像是你想要的
60em的最大宽度意味着哪个元素的宽度？就在主体上，所以本质上@媒体（最大宽度：60em）{将侧边推离画布}然后@media（最大宽度：60em）{允许内容（较大）模块占据整个宽度}为什么显示：无不起作用，您希望内容在未显示时仍然可以访问吗？侧边消失后，如果该部分具有
flex
属性，则该部分将扩展以覆盖整个宽度，这可能正是我所需要的。激活display flex时，是否仍可以从左侧设置动画？我想要的基本上是这样的效果：使用FlexboxThat是完美的！（新小提琴）。那么他们没有办法都在flexbox中吗？我只是喜欢flex可以让“aside”和“section”元素保持浏览器的完整高度。不管怎样，我都要！它们都是FlexBox，是
容器的全高。侧边的宽度是固定的，非常好用！非常感谢。真不敢相信我不是一个人干的。只是把事情复杂化了一点。