求移動端一個這樣的表格該怎樣做_html/css_WEB-ITnose

來源：懂視網責編：小采時間：2020-11-27 16:16:21

求移動端一個這樣的表格該怎樣做_html/css_WEB-ITnose

求移動端一個這樣的表格該怎樣做_html/css_WEB-ITnose:要自適應屏幕div+css 是h5 橫著40%、60% 右邊上下80%、20% 回復討論(解決方案) 那你直接寫啊左面div 40%寬度右面div 60%寬度最前面加這個樣式 html,body{ width:100% height:100% margin:0; pad

推薦度：

點擊下載本文 文檔為doc格式

導讀求移動端一個這樣的表格該怎樣做_html/css_WEB-ITnose:要自適應屏幕div+css 是h5 橫著40%、60% 右邊上下80%、20% 回復討論(解決方案) 那你直接寫啊左面div 40%寬度右面div 60%寬度最前面加這個樣式 html,body{ width:100% height:100% margin:0; pad

要自適應屏幕div+css 是h5
橫著40%、60% 右邊上下80%、20%

回復討論(解決方案)

那你直接寫啊
左面div 40%寬度右面div 60%寬度

最前面加這個樣式

主要就是右邊那個大層里幾個小的怎么寫

不會用div就用table套table吧也是可以的

table我會就是想換成css+div提高性能

.maxdiv { width:100%; height:400px; border:1px red solid; } .leftdiv { width: 39%; height: 400px; border:1px black solid; float:left; } .rightdiv { width: 59%; height: 400px; border: 1px blue solid; float: left; } .rightdiv .rightdiv_top { width:100%; border:1px green solid; height:80%; } .rightdiv .rightdiv_bottom { width: 100%; border: 1px red solid; height: 20%; } .rightdiv .rightdiv_bottom .left { width: 29%; border: 1px red solid; height: 100%; float: left; } .rightdiv .rightdiv_bottom .middle { width: 38%; border: 1px red solid; height: 100%; float: left; } .rightdiv .rightdiv_bottom .right { width: 29%; border: 1px red solid; height: 100%; float: left; }

.maxdiv { width:100%; height:400px; border:1px red solid; } .leftdiv { width: 39%; height: 400px; border:1px black solid; float:left; } .rightdiv { width: 59%; height: 400px; border: 1px blue solid; float: left; } .rightdiv .rightdiv_top { width:100%; border:1px green solid; height:80%; } .rightdiv .rightdiv_bottom { width: 100%; border: 1px red solid; height: 20%; } .rightdiv .rightdiv_bottom .left { width: 29%; border: 1px red solid; height: 100%; float: left; } .rightdiv .rightdiv_bottom .middle { width: 38%; border: 1px red solid; height: 100%; float: left; } .rightdiv .rightdiv_bottom .right { width: 29%; border: 1px red solid; height: 100%; float: left; }

因為邊框占了寬度所以寬的百分比有點調整

.maxdiv { width:100%; height:400px; border:1px red solid; } .leftdiv { width: 39%; height: 400px; border:1px black solid; float:left; } .rightdiv { width: 59%; height: 400px; border: 1px blue solid; float: left; } .rightdiv .rightdiv_top { width:100%; border:1px green solid; height:80%; } .rightdiv .rightdiv_bottom { width: 100%; border: 1px red solid; height: 20%; } .rightdiv .rightdiv_bottom .left { width: 29%; border: 1px red solid; height: 100%; float: left; } .rightdiv .rightdiv_bottom .middle { width: 38%; border: 1px red solid; height: 100%; float: left; } .rightdiv .rightdiv_bottom .right { width: 29%; border: 1px red solid; height: 100%; float: left; }

因為邊框占了寬度所以寬的百分比有點調整

如果我要是在左邊加個圖片能讓它不超過左邊層的大小么

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com