文章详情页
css - 前端flex布局嵌套内层的布局不起作用？
浏览：162日期：2023-01-19 10:27:49
问题描述
<!DOCTYPE html>
<html lang='en'> <head><meta charset='UTF-8'><title>Document</title><style type='text/css' media='screen'> .box{ width: 200px; display: flex; height: 200px; background: skyblue; flex-direction: column;} .first{ height:30px; width: 200px; background: red;} .second{ flex-grow: 1; background: pink; style:flex;} .third{width:100%; height: 30px; background: yellow;} .fourth{ width: 100%; flex-grow: 1; background: gray }</style> </head> <body><p class='box'> <p class='first'></p> <p class='second'><p class='third'></p><p class='fourth'> </p> </p></p> </body></html>这样做class为fourth的标签的高度就无法自适应了？该如何解决这个问题？
问题解答
回答1：修改一下入下图的地方
谢谢，我怎么说我项目中的代码不起作用，原来是多个分号。。。找的我好惨
标签：
CSS
相关文章：
1. java固定键值转换，使用枚举实现字典？2. vim - win10无法打开markdown编辑器3. mysql - 千万数据 分页，当偏移量 原来越大时，怎么优化速度4. 如何解决tp6在zend中无代码提示5. javascript - 有没有类似高铁管家的时间选择插件6. 这是什么情况？？？7. python - flask学习，user_syy添加报role is invalid keyword for User.8. css - BEM 中块(Block)有木有什么标准 何时决定一个部分提取为块而不是其父级的元素呢(Element)?~9. css3 - less或者scss 颜色计算的知识应该怎么学?或者在哪里学?10. javascript - 微信网页开发从菜单进入页面后，按返回键没有关闭浏览器而是刷新当前页面，求解决？
排行榜
网公网安备