腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(5614)
视频
沙龙
1
回答
Flexbox
溢出
容器
高度
(
IE11
)
、
、
首先,我要说的是,不幸的是,我仍然必须支持
IE11
,我不认为这是一个重复的问题,尽管我已经找到了一些类似的问题。 我有一个简单的模式窗口,其中包含3个灵活的组件在一个列,页眉,页脚和主要。我们的计划是,外框应该随着内容的增长而增长,直到它达到屏幕
高度
的80%,在这一点上,设置为overflow-y:auto的模式的中间部分应该会有一个滚动条,而主模式不会再变高。模式设置为flex,页眉和页脚的
高度
是固定的。中间部分根据需要设置为增大和缩小。最重要的是,.modal不应该
溢出
.mode-wrapper。我有一个jsfiddl
浏览 11
提问于2016-08-04
得票数 2
1
回答
Flexbox
布局-页眉、自动内容、粘性页脚-在IE 11中样式不一致
、
、
、
、
据我所知,我正确地使用了
flexbox
和前缀。但我知道我会犯错!任何帮助都是非常感谢的!我没有发布代码,因为我认为这是在浏览器中调试时最简单的东西。
浏览 1
提问于2015-09-18
得票数 1
1
回答
IE11
-页面底部的“页脚”,如果上面的内容
高度
大于窗口
高度
,就会向下推
、
、
、
、
我已经实现了一个“页脚”,它停留在页面的底部,如果上面内容的
高度
大于窗口的
高度
,它就会被向下推。这在Chrome上运行得很好,但是如果上面内容的
高度
大于窗口的
高度
,
IE11
就不会下推页脚。
IE11
只是让内容
溢出
页脚: ? 这是演示的关键部分:https://jsfiddle.net/6zrk5adu/2/ 我实现这一点的方式只是一个上层的flex
容器
: .upper-flex-container
浏览 14
提问于2019-02-25
得票数 0
回答已采纳
1
回答
IE11
flex:1在父级没有固定
高度
时导致内容
溢出
。
、
我有一个元素,根据场景的不同,它可以有固定的
高度
或自动/未定义的
高度
。在“流体
高度
”演示中,内容
溢出
到页脚文本。content元素(.body)根本不占用空间。我期望内容指定.body元
浏览 1
提问于2020-08-20
得票数 1
回答已采纳
1
回答
具有calc最大
高度
的IE和CSS挠性盒存在窗口调整问题。
、
、
JsFiddle: position: relative; display: -ms-
flexbox
;理想与IE 我欢迎所有的建议。
浏览 2
提问于2017-05-19
得票数 1
4
回答
如何滚动固定标题下的内容,同时遵守Internet Explorer11中的最大
高度
继承?
、
、
、
我有一个有最大
高度
的
容器
。我想在它里面放一个标题和一个滚动的主体。它在大多数浏览器中都很简单,但我正在为
IE11
而苦苦挣扎。使用max-height: inherit;,.scroll div及其滚动条延伸到其父目录下(请参阅
IE11
中的代码片段)
浏览 0
提问于2016-07-23
得票数 1
1
回答
CSS
Flexbox
-如何让flex项目缩小以适合flex
容器
?
、
、
、
我试图使我的flex项缩小以适应flex
容器
,但它似乎不起作用。
浏览 0
提问于2020-08-07
得票数 1
1
回答
IE11
柔性箱柱高问题
、
、
p需要有相同的
高度
。更新:,看起来额外的
高度
来自缩小的图像。我读过
IE11
与height: auto和
flexbox
的斗争。
浏览 2
提问于2016-12-07
得票数 0
回答已采纳
5
回答
如何才能显示:flex
容器
与其包装的内容水平展开?
、
、
在使用css
flexbox
时,三个主要浏览器在某些方面的行为似乎完全不同。inline-flex; align-content : flex-start;}下面是一个快速演示的。 火狐-
容器
只包装第一列的元素,其余部分
溢出
。Chrom
浏览 5
提问于2014-05-01
得票数 32
回答已采纳
2
回答
最大
高度
不调整内部内容的大小[重复]
、
这个问题在这里已经有答案了:
高度
百分比HTML 5/CSS(6个答案) 昨天关门了。调整浏览器窗口的大小,您可以看到内部div在
高度
上比外部div扩展得更多。但是,如果我指定一个
高度
,比如说height: 1000px;在外部div上,内部div会调整大小以适应外部div的
高度
。max-height不应该在不指定
高度
的情况下工作吗?
浏览 39
提问于2021-02-28
得票数 1
回答已采纳
1
回答
为什么
IE11
不正确地呈现这个
Flexbox
布局?
、
、
、
、
我有一个基于挠性盒的布局,其中包含一个由头部和body.The
容器
组成的居中
容器
,如果它的身体中几乎没有内容,那么它有一个最小的
高度
来防止它崩溃太多。它也有一个最大
高度
定义为其
容器
的百分比。标头是一个固定的
高度
,主体设置为overflow-y: auto。在Chrome、Safari和Firefox中,这意味着: 如果主体内容的增加意
浏览 2
提问于2015-08-04
得票数 1
1
回答
使图像适合具有固定宽度的
容器
-确保
IE11
不会拉伸或扭曲它们
、
我有一个宽150px,长100px的
容器
div。使用CSS,将由用户选择的徽标图像将被设置为适合此
容器
。我使用了一些
flexbox
样式来居中图像,max-width: 100%,max-height: 100%,以确保图像适合
容器
。这对
IE11
中的一些图像不起作用,所以我有一个仅限
ie11
的媒体查询,它还添加了flex: 1来修复它。 但问题是,flex: 1修复了
IE11
问题,使非常宽的图像
溢出
容器
。-- Flex 1 fixes
浏览 11
提问于2020-10-05
得票数 0
1
回答
Flexbox
子项
高度
跟随特定子项
、
我想知道是否有可能让所有的
flexbox
孩子跟随特定孩子的身高,并在需要时隐藏他们的
溢出
?特定的孩子应该根据它的内容而增长。 这就是目前的情况: ? 这就是我想要的(我指定了图像的
高度
): ? 那么,有没有可能在没有js和不显式指定任何
容器
的
高度
的情况下实现这一点呢?
浏览 27
提问于2021-08-10
得票数 0
回答已采纳
1
回答
使
flexbox
行的
高度
由其子元素之一确定
、
、
旁边的聊天我想要和视频一样的
高度
。聊天框具有
溢出
属性,因此当聊天超过一定
高度
时,它将拉伸父
容器
以显示div中的所有聊天项;这是意料之中的。我真正想问的是,我如何才能使一个
flexbox
列的
高度
只达到第一个列的
高度
。JSFIDDLE (请记住,我不能设置
高度
,因为当屏幕调整大小时,视频的
高度
会改变以保持纵横比不变)-What我明白了- 所以没有<
浏览 0
提问于2018-04-22
得票数 0
1
回答
溢出
:自动;在柔性箱内(新规范)
、
、
我正在尝试将设计迁移到新的
flexbox
规范(display: -webkit-flex;而不是display: webkit-box;)。尽管overflow: auto;属性似乎被忽略了,除非我在被
溢出
的
容器
上设置了显式的
高度
。 我是不是做错了什么,还是这个新的规范还没有完全完成?
浏览 4
提问于2012-08-28
得票数 3
1
回答
IE 10/11 FLEX子
溢出
对齐的解决方法
、
、
、
如果flex
容器
有justify- content : center,并且有一个比
容器
宽的FLEX子
容器
,则内容在除IE10和
IE11
之外的所有浏览器中都保持居中(内容在两个方向上的
溢出
相等)。在大多数浏览器中,你会得到这样的结果:在IE 10/11中,你会得到如下结果:我需要一种方法来在这些IE浏览器中实现居中布局,而不是完全抛弃
flexbox
方法。下面是示例的一个小插曲:.wrap { height: 100%
浏览 5
提问于2017-02-18
得票数 7
回答已采纳
1
回答
Flexbox
,flex方向:列,图像和
IE11
错误。这个问题能解决吗?
、
、
、
每个<li>都有25%的宽度和display: flex,以使它们的
高度
相等。
IE11
将图像
容器
高度
计算为源图像的实际
高度
,而不是渲染时图像的
高度
。这最终会使<li>比它应有的
高度
要高得多。布局在每个有自尊的浏览器中的样子:布局在
IE
浏览 13
提问于2016-07-18
得票数 6
回答已采纳
2
回答
自动调整具有固定
高度
的div的宽度以适应其内容
、
、
、
、
通常,当文本内容大于它的
容器
时,它会在Y方向/垂直方向上
溢出
:|Hello hello hello hel|----------------------- hello hello 然而,在这种情况下,我希望它在X方向/水平方向上自动
溢出
,同时保留和填充div的固定
高度
。(宽度应该相应地调整,它可以显示一个水平滚动条,也可以简单地水
浏览 1
提问于2015-02-07
得票数 0
3
回答
在IE中忽略flex
容器
的最小
高度
、
、
、
据我所知,如果使用IE10 /
IE11
,我应该能够使用标准化的flex术语。 我有一个
容器
div和两个子div。
浏览 2
提问于2016-11-08
得票数 11
回答已采纳
2
回答
如何使柔性盒约束图像
高度
?
、
这里是CSS
Flexbox
新手。 我使用了下面的
flexbox
代码:<html style="height: 100%;"><img src="..." />但是,对于大
浏览 6
提问于2015-04-09
得票数 4
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS—总结常用垂直居中方法
高度好还是低度好酒?用什么容器?
24个 CSS 高级技巧合集
给萌新的 Flexbox 简易入门教程
深度盘点:20个常用的CSS技巧
热门
标签
更多标签
云服务器
ICP备案
云直播
对象存储
腾讯会议
活动推荐
运营活动
广告
关闭
领券