我想要做的效果是當我點擊全屏按鈕的時候，該包含表格的組件在右側全屏，全屏效果如第二張圖所示。
我寫樣式代碼如下
.screenTable{
position: fixed;
top: 90px !important;
left: 242px !important;
right: 242px !important;
width: 82% !important;
height: 100% !important;
z-index: 5000;
font-size: 12px;
// overflow:scroll;
}
但是目前我還得考慮當側邊收縮按鈕把側邊欄收縮的時候，全屏組件也要隨著側邊欄收縮空出來的空間，自適應填充。如圖三所示
我全屏是利用樣式也就是position:fixed來定位的，屬于脫離檔案流。才蓋住其他組件。但是無法自適應全屏
目前我想做的是能左側欄收縮的時候，全屏也能自適應。
uj5u.com熱心網友回復：
側邊欄收縮的時候給全屏組件再加個class，這個class的樣式中重新定義left的值。uj5u.com熱心網友回復：
我是這樣做的，就是監聽收縮按鈕的監聽事件，，如果寬度為0，就讓全屏寬度百分之百，但是也不行
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/105383.html
標籤：JavaScript