css上半部分自適應高度,下半部分自動填充豎向排列

2021-10-11 07:28:21 字數 704 閱讀 7328

把乙個頁面乙份成2部分,上面的表單不是固定的,所以不能設定固定蓋度,但是下面還需要填充滿。我碰到的問題是下面沒有填充滿,出來補個div白色背景這與我想要的效果不一樣

彈性盒的功能很強大,思路就是乙個大盒子包含2個小盒子,給大盒子設定成彈性盒,然後給上半部分用flex-shrink,下面用flex-grow就解決啦~~~

上**,哈哈哈哈

/* 外面盒子 */

height: calc(100vh - 50px);

display: flex; // 重點

flex-direction: column; // 重點

}/* body上部 */

background-color: #f5f6fa;

flex-shrink: 0; // 重點

padding: 2%;

background-color: #ffffff;

border-radius: 0 0 50px 0;

}}/* body下部 */

padding: 2%;

background-color: #f5f6fa;

border-radius: 50px 0 0 0;

flex-grow: 1; // 重點

display: flex;

flex-direction: column;

}

中斷的上半部分與下半部分

為了讓核心能夠快速響應硬體裝置的訊息,引入了中斷機制。當硬體裝置需要被處理 比如網絡卡收到了包 會傳送乙個非同步的中斷請求給處理器,然後處理器陷入中斷上下文中,停止當前執行的程式,轉而執行預先設定好的中斷處理程式。完成中斷處理程式之後給硬體裝置乙個訊號再返回原先的工作繼續。在這套機制中,中斷處理程式...

linux中斷的上半部和下半部

本文 與linux中斷息息相關的乙個重要概念是linux中斷分為兩個半部 上半部 tophalf 和下半部 bottom half 上半部的功能是 登記中斷 當乙個中斷發生時,它進行相應地硬體讀寫後就把中斷例程的下半部掛到該裝置的下半部執行佇列中去。因此,上半部執行的速度就會很快,可以服務更多的中斷...

Linux中斷上半部和下半部概念

前言 cpu在執行程式時,如果有外部中斷觸發時,如定時器中斷 序列匯流排中斷等,cpu停止當前任務從 而轉去響應中斷處理。對於中斷函式的處理,原則是盡快處理完事務並退出中斷,這一點也比較好 理解,盡快處理中斷並返回,保證正常任務的執行,並且能否響應其他事務的中斷,保證實時性和 併發性。其實,在微控制...