国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

您的位置:首頁技術文章
文章詳情頁

css - 前端flex布局嵌套內層的布局不起作用?

瀏覽:196日期: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 - 前端flex布局嵌套內層的布局不起作用?

回答2:

謝謝,我怎么說我項目中的代碼不起作用,原來是多個分號。。。找的我好慘

標簽: CSS
相關文章:
主站蜘蛛池模板: 德清县| 长丰县| 威海市| 武强县| 双峰县| 梨树县| 石门县| 高陵县| 陇西县| 乌海市| 河津市| 保定市| 乌审旗| 徐闻县| 乌恰县| 大渡口区| 张家口市| 页游| 崇州市| 横峰县| 西乌| 宜丰县| 尖扎县| 抚远县| 绥滨县| 曲麻莱县| 广南县| 天津市| 科技| 车致| 临泽县| 永胜县| 金门县| 云阳县| 和顺县| 滁州市| 棋牌| 康平县| 贵州省| 浮梁县| 天门市|