热门标签
当前位置: CSS > 正文
CSS3 flexbox:flexbox中的flexbox不包含在父级内
作者：代码诗人 | 2022-12-12 15:11:41
赞
踩
html5,css3,flexbox,html,css,chrome,容器,webkit,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具,开发人员工具,站长工具
我面临着一个相当复杂的Web应用程序在HTML/CSS中工作.我发现了很多关于flexbox的问题,这似乎可以解决我的问题.我试图了解我做错了什么或者flexbox的限制是什么.我只在Chrome中工作,所以有帮助.
我一直看到两个问题: - 盒子不明白如何容纳内部儿童的高度/宽度 - 父母不包含儿童盒子.这个问题的图片:
而不是在这里发布代码是一个JSFiddle:http://jsfiddle.net/dex3703/ryCQq/还 没有完全完成,但你得到了我希望的想法.CSS由三个不同的文件组合而成.
谢谢!
1> dex3703..：
弄清楚了.必须将所有容器设置为display:box(或-webkit-box等).如果你想要一个盒子里面的盒子,它们都必须是盒子.希望这有助于某人!
本文内容由网友自发贡献，转载请注明出处：https://www.wpsshop.cn/blog/CSS/detail/6135推荐阅读
- 如何解决《CSS3-特殊的边界半径》经验，为你挑选了1个好方法。html,css,border,css3,css-shapes,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳... [详细]
赞
踩
- 如何解决《CSS3-<br/>标签后div的样式部分》经验，为你挑选了1个好方法。css3,css,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳... [详细]
赞
踩
- 如何解决《CSS3-验证器-RGBA错了吗？》经验，为你挑选了0个好方法。css,rgb,css3,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具... [详细]
赞
踩
- 如何解决《CSS3-如何在textareas中选择文本并在Chrome中输入？》经验，为你挑选了2个好方法。css,webkit,google-chrome,css3,go,chrome,linux,safari,firefox,html,... [详细]
赞
踩
- 如何解决《CSS3:not(选择器)不在部分工作》经验，为你挑选了1个好方法。css3,css,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具,开... [详细]
赞
踩
- 如何解决《CSS33DTransform在IE11上不起作用》经验，为你挑选了1个好方法。3d,internet-explorer,css3,css-transforms,css,https,DevBox,在线流程图,编程,编程问答,程序员... [详细]
赞
踩
- 如何解决《CSS3border-radius剪切问题》经验，为你挑选了2个好方法。html,css,css3,firefox,webkit,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,u... [详细]
赞
踩
- 如何解决《CSS3TextArea突出显示颜色》经验，为你挑选了1个好方法。colors,highlight,selection,css3,css,webkit,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,jso... [详细]
赞
踩
- 如何解决《CSS3Javascript库》经验，为你挑选了1个好方法。javascript,css,css3,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前... [详细]
赞
踩
- 如何解决《CSS3:透明圆角问题》经验，为你挑选了0个好方法。html,css,xhtml,css3,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工... [详细]
赞
踩
- 如何解决《css3moz-linear-gradient不工作》经验，为你挑选了1个好方法。firefox,gradient,css3,webkit,chrome,html,https,DevBox,在线流程图,编程,编程问答,程序员,开发... [详细]
赞
踩
- 如何解决《CSS3PIE-给IE边界半径支持不起作用？》经验，为你挑选了3个好方法。internet-explorer,css3,css,webkit,php,html,javascript,firebug,DevBox,在线流程图,编程,... [详细]
赞
踩
- 如何解决《CSS3box-shadow:inset只能做一两面吗？像边境顶部？》经验，为你挑选了4个好方法。css,css3,html,webkit,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维... [详细]
赞
踩
- 如何解决《CSS3transition/transform/translate3d会在转换的第一个或最后一个"帧"上导致严重的闪烁(在iPad上)》经验，为你挑选了3个好方法。jquery,animation,css3,... [详细]
赞
踩
- 如何解决《CSS3TransitionPolyfill》经验，为你挑选了2个好方法。javascript,progressive-enhancement,css3,css-transitions,css,jquery,firefox,saf... [详细]
赞
踩
- 如何解决《CSS3-DOM删除过渡》经验，为你挑选了2个好方法。css,dom,css3,keyframe,css-animations,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,un... [详细]
赞
踩
- 如何解决《CSS3:悬停动画有z-index错误》经验，为你挑选了1个好方法。css,debugging,user-interface,css3,html,webkit,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具... [详细]
赞
踩
- 如何解决《创建一个白色的rgba/CSS3》经验，为你挑选了1个好方法。css,css3,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具,开发人员... [详细]
赞
踩
- 如何解决《CSS3AnimateOutof:悬停》经验，为你挑选了1个好方法。css,animation,css3,keyframe,jquery,webkit,https,devbox,DevBox,在线流程图,编程,编程问答,程序员,开... [详细]
赞
踩
- 如何解决《html5/css3/javascript中功能齐全的文字处理器的可能性？》经验，为你挑选了0个好方法。javascript,html5,css3,html,css,编辑器,安全,服务器,go,DevBox,在线流程图,编程,编程... [详细]
赞
踩
相关标签
