css - 關于flex一屏高度的問題

問題描述

如圖示底部按鈕被吃掉一半

<p class='views display-flex box-row'> <p class='views-bd'><p>需要說明一下，因為一直有在看《HTTP權威指南》，覺得這是一本很值得稱贊的一本高質量的書籍，書中內容涵蓋很全面，而且配以插圖，使得閱讀起來很容易理解！無論是對于已經踏足開發領域的老手，還是剛接觸相關領域的新手，都可以接觸。所以很推薦大家從頭到尾過一遍，我相信看過之后對某些概念將會有一個更深層次的理解！當然了，我的建議是對這本書多過幾遍，因為這樣才能加深映像同時加深理解！畢竟常言道：“書讀百遍，其意自見、溫故而知新等都說明了書需要多次閱讀才能體會其意，才能從中讀出更深層次的含義”！</p><img src='http://www.wxshucaidpc.com/wenda/image/banner (1).png' /><p>需要說明一下，因為一直有在看《HTTP權威指南》，覺得這是一本很值得稱贊的一本高質量的書籍，書中內容涵蓋很全面，而且配以插圖，使得閱讀起來很容易理解！無論是對于已經踏足開發領域的老手，還是剛接觸相關領域的新手，都可以接觸。所以很推薦大家從頭到尾過一遍，我相信看過之后對某些概念將會有一個更深層次的理解！當然了，我的建議是對這本書多過幾遍，因為這樣才能加深映像同時加深理解！畢竟常言道：“書讀百遍，其意自見、溫故而知新等都說明了書需要多次閱讀才能體會其意，才能從中讀出更深層次的含義”！</p><img src='http://www.wxshucaidpc.com/wenda/image/banner (2).png' /><p>需要說明一下，因為一直有在看《HTTP權威指南》，覺得這是一本很值得稱贊的一本高質量的書籍，書中內容涵蓋很全面，而且配以插圖，使得閱讀起來很容易理解！無論是對于已經踏足開發領域的老手，還是剛接觸相關領域的新手，都可以接觸。所以很推薦大家從頭到尾過一遍，我相信看過之后對某些概念將會有一個更深層次的理解！當然了，我的建議是對這本書多過幾遍，因為這樣才能加深映像同時加深理解！畢竟常言道：“書讀百遍，其意自見、溫故而知新等都說明了書需要多次閱讀才能體會其意，才能從中讀出更深層次的含義”！</p><img src='http://www.wxshucaidpc.com/wenda/image/banner (3).png' /> </p> <p class='views-footer'>按鈕</p></p>

.display-flex, .swiper-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}.box-row { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}

問題解答

外面套個p