我需要有一个滚动的flexbox容器与flexbox的子容器。容器有一个定义的高度(由flexbox定义)，子容器的高度应该与其内容的高度相同。这在Safari中工作得很好，因为在Safari中，孩子不会伸展超过容器的高度。实际上，Safari中的行为和孩子有min-height: 0是完全一样的，但是他们没有。显式地设置min-height: auto没有任何帮助。 记录的flexbox but，但对我来说，这看
浏览 46提问于2020-01-28得票数 3
回答已采纳
1回答
import "flex"
padding: 0 height: 100%
height: 100% +flexbox()
overflow-y: auto +flex-grow(1)
它在最新版本的Chrome和Firefox中运行得很好，但在Safari我正在为flexbox使用这个混合器，它应该支持Safari
浏览 2提问于2013-10-03得票数 0
2回答
我有一台可以在Chrome和IE上运行得很好的flexbox，但Safari (iOS和桌面版)就不行了。CSS： list-style: none; display: -ms-flexbox;.reslist40 { -ms-flex: 1;
flex: 1;
浏览 1提问于2016-08-24得票数 0
3回答
我试图将我的两个div都放在屏幕中间的flexbox容器中。我尝试了页边距顶部和类似的东西，但我希望他们只在页面的中间。.flexbox-container justify-content: center flex-wrap: wrap align-self: center
width: 500px
margin
浏览 0提问于2020-05-12得票数 0
1回答
Flexbox一点也不光滑，也没有显示滚动条。我更喜欢使用柔性盒作为我的布局，但想要更好的卷轴。有什么方法可以用柔性盒来实现吗？ </div> </body>
浏览 4提问于2016-10-14得票数 1
回答已采纳
我决定对整个网站使用flexbox布局，但出于某种奇怪的原因，4.4.2版本的常用android web浏览器不能加载我使用flexbox的任何元素。Chrome for Android使用flexbox加载我的所有元素都很好。我不能太确定发生了什么，但任何可以提供的帮助都会很好。
浏览 0提问于2014-08-16得票数 1
回答已采纳
以下代码在chrome和firefox中运行良好，但在我测试过的所有safari版本中都没有。
以下是html和css源代码： <!DOCTYPE html>
<html lang=&qu
浏览 3提问于2020-09-21得票数 1
回答已采纳
2回答
我在Safari中使用flexbox时遇到了问题，我在这些页面上找不到适合我的解决方案。.flexbox { -webkit-align
浏览 1提问于2015-10-05得票数 2
------------------------------------------------------------------------ .flexbox-container-1 { } .flexbox-item-2 { } .flexbox-item-3
浏览 0提问于2021-04-20得票数 0
1回答
我是html和CSS的初学者，我会尝试用可点击的点来制作地图，但我不明白。我收到了使用柔性盒和创建一个以地图作为背景图像的容器的提示，并创建了单独的容器，这些容器可以为可点击的点保存图像按钮。该解决方案必须响应并同时适用于桌面和移动设备。 mi
浏览 4提问于2021-12-19得票数 1
回答已采纳
1回答
所以我遇到了safari的问题。在ios和macs上，flexbox似乎都不适用于我，尽管它应该适用。它在chrome中工作得很好。margin-right:15px;"><i class="fa fa-check"></i></span><span style="colo
浏览 0提问于2015-09-22得票数 0
1回答
cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0-2/css/all.min.css" rel="stylesheet"> body {
min-height
浏览 9提问于2020-09-06得票数 0
1回答
由于某些原因，当我在移动Safari上访问垂直滚动(iOS 9.1，iPhone 5，Safari8.1)时，它无法在我的网站上运行：
相关的SCSS代码 > aside { displa
浏览 1提问于2015-10-30得票数 4
回答已采纳
1回答
我一直在利用CSS3 3的Flexbox布局来安排网站上的组件。在大多数情况下，一切工作都很顺利，正如预期的那样。然而，在一个旧的iPad (运行iOS版本9.3.5 (不知道在哪里找到Safari版本)和三星边缘6的“互联网”应用程序上测试网站之后，我发现了一些问题。我已经在谷歌Chrome和Microsoft的最新版本以及iPhone 5的移动Safari、iPhone 6的移动Safari和三星边缘6的移动谷歌Chrome上测试了该网站，一切都如期而至。我遵循教程
浏览 2提问于2017-01-03得票数 0
回答已采纳
div') flexContainer.appendChild(div) background: #333;}
display: flex;}
width: 300px; border: 3px solid
浏览 12提问于2020-09-27得票数 0
1回答
目前，我正在使用这个html和CSS，它在Chrome，Firefox和safari中工作得很好。然而，it 甚至在IE9和IE10中都不工作(我们并不试图支持IE8或任何早期版本)。.login-page-container { min-height: 29.3rem; min-width:32.8rem;}
.vertical-c
浏览 3提问于2015-05-31得票数 4
1回答
Flexbox子项在Safari中折叠，但在其他浏览器中不会。红色flex子节点正确地包装了自己的子节点：现在在Safari中它看起来完全错误(在版本14.0.2 (16610.3.7.1.9)上测试)-第二个高个子导致第一个崩溃：尽管有了孩子看起来浏览器应用的默认min-height: auto在Safari中被忽略了。
有没有办法让Safari的行为符合规范？
浏览 2提问于2021-01-25得票数 4
至少这是它在Firefox、Chrome和IE中的表现。body { min-width: 640px;}
float: left;/images/index_bg.jpg) no-repeat center center;}
但在Safari中，如果我继续将导航器窗口的高度设置为小于
浏览 0提问于2013-07-05得票数 1
回答已采纳
布局是3个基本的div:一个页眉，主要内容和页脚。主内容div应该垂直展开，这样页脚总是在页面底部。在Safari中，页面按预期加载，但垂直调整窗口的大小()不会调整布局的高度(即没有移动)--如果我使窗口更高，主内容div中的额外空间也不会改变，使页脚保持在底部。比较web检查器中的页面，flexbox似乎是一致的，唯一(似乎)相关的区别是示例中的活代码使用min-height: 100%作为柔性盒容器，而我的代码(以及给出的示例代码)使用min-height:其次，为什么min-height<
浏览 4提问于2014-05-13得票数 3
回答已采纳
我想要的文本是垂直和水平居中的图像。这似乎适用于所有现代浏览器.....除了Safari。
所有其他浏览器(正确)：我认为Flexbox真的已经准备好进入黄金时间了，但考虑到有那么多人在iOS上使用Safari，这似乎是一个破坏交易的因素。将内容水平和垂直居中是Flexbox</em
浏览 5提问于2017-06-08得票数 9
回答已采纳
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号