在實際的開發中，遇到了一個問題，要求保持一個元素一直保持在頁面底部， 本來可是使用absolute或者fixed布局來實現，不過又有要求當頁面有滾動條時要保持在頁底。如圖所示。 要求藍色的部分一直保持在頁底，綠色的部分的高度可能會變化，當綠色的部分太高時，要求藍色的部分隨滾動條滾動並在底部 ...

display: flex; flex-wrap: wrap; // 讓彈性盒元素在必要的時候拆行： overflow: auto; // 規定當內容溢出元素框時發生的事情。auto:如果內容被修剪，則瀏覽器會顯示滾動條以便查看其余的內容。 ...

一：Lying人生感悟(可忽略) 摩西奶奶曾經說過：世界上，最公平和最不公平的，都是時間。別人偷不走它。而你也留不住它。你擁有它，卻不能改變它。光陰里的艱難或是快樂，它都一一帶走。 ...

摘錄自 https://segmentfault.com/q/1010000011115918 ...

前言 　　前端開發最基礎的能力是根據 ui 設計稿迅速還原頁面，拿到設計稿不要急於寫代碼，首先要對頁面進行分析，對頁面的整體布局有個大概的了解，然后先實現一個整體的布局，再把布局拆分成逐個小模塊，逐個去實現頁面效果，基於傳統的 float，div+css 等布局的方法，這篇文章總結一下 ...

如題，原因未知，解決辦法，在display:flex上面一層再新增一個div。在div里面滾動 ...

經常我們會使用flex布局，但是flex布局常常會遇到一些不可思議的麻煩，下面介紹一下overflow遇到的麻煩 我在工作中使用了左右兩欄布局 我的想法是左邊寬度要自適應，而且需要滾動條，雖然這樣設置了，但奇怪的事情發生，左邊的內容並沒有出現滾動條，通過查閱資料 ...

今天做一個小實戰，需要讓一個登錄框始終保持水平和垂直居中，第一個想到的就是通過定位（要想讓一個div居中，采用定位可以解決，示例）， 然后開始接觸flex布局，學完感覺真的好用，現把知識點記錄一下，以便自己日后查看（學習教程：阮大師的教程），筆記開始： 傳統的布局：圍繞盒子模型（border ...