要自适应屏幕div+css 是h5
横着40%、60% 右边上下80%、20%
回复讨论(解决方案)
那你直接写啊
左面div 40%宽度 右面div 60%宽度
最前面加这个样式
html,body{
width:100%
height:100%
margin:0;
padding:0
}
那你直接写啊
左面div 40%宽度 右面div 60%宽度
最前面加这个样式
html,body{
width:100%
height:100%
margin:0;
padding:0
}
主要就是右边那个大层里几个小的怎么写
不会用div就用table套table吧 也是可以的
不会用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; }
登录后复制登录后复制登录后复制
因为边框占了宽度所以宽的百分比有点调整 如果我要是在左边加个图片 能让它不超过左边层的大小么
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3108876.html
