總結： 高度用 flex ：1 設定的元素，子元素如果大於他的高度，他的高度會變成子元素的高度，使用overflow：hidden；可以讓他的高度是flex：1
實現： 乙個父元素，有兩個子 div ，豎著排列，第二個div的高度佔剩下的全部，有ul; ul加滾動條
overflow<
/title>
.fixed
.header div
.content
h1 ul
li <
/style>
<
/header>
="fixed"
>
="header"
>
="box1"
>
<
/div>
<
/div>
="content"
>
標題<
/h1>
1<
/li>
2<
/li>
3<
/li>
1<
/li>
2<
/li>
1<
/li>
<
/ul>
<
/div>
<
/div>
<
/body>
<
/html>
.content
當 .content 的子元素高度大於 content 的高度時，
必須寫overflow：hidden； 否則， 他的高不是父元素的高度 - 兄弟div的高，
而是ul 裡面 li 的總高，ul加滾動條也失效
flex和flex 1的含義
flex可以參考阮一峰老師的flex布局教程，很詳細看完啥都懂了 當我看完阮老師的flex教程還是對flex 1或者flex 0 等存在疑惑，然後又看到一篇部落格，是對flex的乙個補充吧 首先明確一點是，flex是flex grow flex shrink flex basis的縮寫。故其取值可以...
flex的常見知識點 flex 1
首先明確一點是，flex 是 flex grow flex shrink flex basis的縮寫。故其取值可以考慮以下情況 flex 的預設值是以上三個屬性值的組合。假設以上三個屬性同樣取預設值，則 flex 的預設值是 0 1 auto。同理，如下是等同的 item item 當 flex 取...
關於對 flex 1 的詳解
首先明確一點是，flex 是 flex grow flex shrink flex basis的縮寫。故其取值可以考慮以下情況 flex 的預設值是以上三個屬性值的組合。假設以上三個屬性同樣取預設值，則 flex 的預設值是 0 1 auto。同理，如下是等同的 item item 當 flex 取...