flex布局使用起來非常方便，對於水平垂直居中的需求，很容易就能實現。但是前不久，在做全屏彈窗遮罩登入的時候，遇到了flex布局滾動的乙個問題，在此記錄一下。
理想情況下，當然是下面的狀態，網頁的高度適中，登入框垂直水平居中。
但是，當調整瀏覽器的高度時，問題就出現了。
可以看到，當網頁的高度比登陸框的高度小時，哪怕滾動條已經在頂部了，也看不到登入框的頂部，如果登陸框的右上角有關閉按鈕的話，那麼也是看不見的。
部分html
.mask
.content
css
.mask
.content-wrap
下面是最後的效果。
web移動端浮層滾動帶動底層元素滾動問題解決
當我們寫了這樣乙個結構的時候 拉開了就開始的放假老實交代方會計師 拉開了就開始的放假老實交代方會計師 拉開了就開始的放假老實交代方會計師 拉開了就開始的放假老實交代方會計師 拉開了就開始的放假老實交代方會計師 拉開了就開始的放假老實交代方會計師 拉開了就開始的放假老實交代方會計師 拉開了就開始的放假...
bootstrap兩層模態框無法滾動問題
在專案中使用bootstrap的模態框modal的時候碰到的這個問題。問題就來了，當第二層模態框關閉之後 就是上面那層 下面的第一層模態框因為資料項太多，需要滾動下拉，但是實際情況是，如果不做處理的話，這時候滾動下拉的就是父頁面了。在網上搜尋之後，說是可以在關閉第二層模態框的時候禁掉父頁面的下拉條，...
flex布局中子元素寬度失效的問題
在彈性布局中，有一種情況是左邊設定乙個子元素固定寬度，右邊設定自適應佔滿剩餘空間，但有時候會發現左邊固定元素的寬度竟然失效了，被右邊的元素擠占空間了，所以仔細檢視flex屬性的特點後，發現少設定了一些屬性樣式。父元素設定完 display flex 屬性後 子元素設定固定寬度 width 50px ...