文章详情页
css - 前端flex布局嵌套内层的布局不起作用？
问题描述
<!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. javascript - 求助canvas绘制半透明的马赛克？2. java - Spring如何在启动时，针对特定的一类bean根据传入的参数创建出不同的实例并且在后续的业务中调用这些实例？3. node.js - vue-cli构建报错。。。生成不了模板，求解~！！4. 微信端电子书翻页效果5. javascript - vue.js插件中的全局方法，全局资源和实例方法区别是什么？6. javascript - angular.js 中的双花括号{{}}问题7. vue.js - vue获取mongodb中的数据起初显示未定义，但还是可以渲染8. javascript - ajax中的 textStatus 报错为 parsererror？9. android - 求 360浏览器 百度浏览器 搜狗浏览器的最新启动类名10. python 读取csv文件可以读取但内容错误，但单独用excel打开正常，如何解决？
排行榜
网公网安备