JavaShuo
欄目
標籤
父元素設置flex:column後,子元素height無效
時間 2021-01-17
欄目
Flex
简体版
原文
原文鏈接
我想得到下圖效果,於是設置 容器的flex:column, 子元素1設置height:30px; 子元素2設置flex:1; overflow-y:auto; 但是子元素1的高度怎麼都不生效,發現是被 flex-shrink影響了。於是我將子元素1的flex-shrink設置爲0,不被縮小。它就乖乖的顯示我設置的高度了。 flex-shrink介紹 flex-shrink屬性定義了項目的縮小比例,
>>阅读原文<<
相關文章
1.
chrome 49 版本bug: flex父元素設置flex:1 , 子元素用height:100%沒法充滿父元素
2.
小程序 子元素設置margin影響父元素(脫坑)
3.
子元素設置margin-top爲何影響了父元素
4.
子元素設置 position:absolute 父元素如何撐開
5.
css設置時父元素隨子元素margin值移動
6.
子元素設置margin-top,父元素也受影響
7.
CSS子元素選擇父元素
8.
父元素line-height設爲0後,inline-block的空元素終於安分了
9.
子元素設置margin-top後,父元素跟隨下移的問題
10.
子元素absolute定位時父元素有無relative的區別
更多相關文章...
•
XSLT
元素
-
XSLT 教程
•
XSD 空元素
-
XML Schema 教程
•
IntelliJ IDEA代碼格式化設置
•
IntelliJ IDEA 代碼格式化配置和快捷鍵
相關標籤/搜索
元素
微量元素
元素符號
iframe元素
script元素
元素週期表
樸素無華
要素
Flex
網站建設指南
SQLite教程
MyBatis教程
後端
設計模式
0
分享到微博
分享到微信
分享到QQ
每日一句
每一个你不满意的现在,都有一个你没有努力的曾经。
最新文章
1.
排序-堆排序(heapSort)
2.
堆排序(heapSort)
3.
堆排序(HEAPSORT)
4.
SafetyNet簡要梳理
5.
中年轉行,擁抱互聯網(上)
6.
SourceInsight4.0鼠標單擊變量 整個文件一樣的關鍵字高亮
7.
遊戲建模和室內設計那個未來更有前景?
8.
cloudlet_使用Search Cloudlet爲您的搜索添加種類
9.
藍海創意雲丨這3條小建議讓編劇大大提高工作效率!
10.
flash動畫製作修改教程及超實用的小技巧分享,碩思閃客精靈
本站公眾號
歡迎關注本站公眾號,獲取更多信息
相關文章
1.
chrome 49 版本bug: flex父元素設置flex:1 , 子元素用height:100%沒法充滿父元素
2.
小程序 子元素設置margin影響父元素(脫坑)
3.
子元素設置margin-top爲何影響了父元素
4.
子元素設置 position:absolute 父元素如何撐開
5.
css設置時父元素隨子元素margin值移動
6.
子元素設置margin-top,父元素也受影響
7.
CSS子元素選擇父元素
8.
父元素line-height設爲0後,inline-block的空元素終於安分了
9.
子元素設置margin-top後,父元素跟隨下移的問題
10.
子元素absolute定位時父元素有無relative的區別
>>更多相關文章<<