求移動(dòng)端一個(gè)這樣的表格該怎樣做_html/css_WEB-ITnose

來源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 16:16:21

求移動(dòng)端一個(gè)這樣的表格該怎樣做_html/css_WEB-ITnose

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

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

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

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

回復(fù)討論(解決方案)

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

最前面加這個(gè)樣式

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

不會(huì)用div就用table套table吧也是可以的

table我會(huì) 就是想換成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; }

因?yàn)檫吙蛘剂藢挾人詫挼陌俜直扔悬c(diǎn)調(diào)整

.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; }

因?yàn)檫吙蛘剂藢挾人詫挼陌俜直扔悬c(diǎn)調(diào)整

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

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com