web前端|html教程
CSS+DIV 的宽度和高度的自适应问题
web前端-html教程
CSS HTML 布局 相对定位
微信留言板 源码,ubuntu系统录屏,tomcat怎么弄jsp网页,爬虫文件分类,radio在php中的含义,大朗seolzw
除了body以外,最外层的width:80%和height:80%都设置了百分比为什么没有占屏幕的80%呢?
家居商城系统源码,ubuntu安装qt版本,本地tomcat7内存配置,新版淘宝联盟爬虫,php仿优酷视频教程,网址大全seolzw
.div1{ width:80%; height:80%; background:blue; border:1px solid black; } .test{ width:80%; height:80%; background:red; border:1px solid yellow; }
this is a test
this is a second test
aaaa
于是,我试着进行修改,如果把width:80%修改成width:500px;相应的比例就可以生效。
在线打印源码,ubuntu什么字体好看,服务器 tomcat休眠,excel爬虫数据,php网页信息模板,荔湾区seo问答推广托管多少钱lzw
.div1{ width:80%; height:500px; background:blue; border:1px solid black; } .test{ width:80%; height:80%; background:red; border:1px solid yellow; }
this is a test
this is a second test
aaaa
但是,如果只修改height:80%修改为height:500px;仍然不能占到相应的比例
.div1{ width:500px; height:80%; background:blue; border:1px solid black; } .test{ width:80%; height:80%; background:red; border:1px solid yellow; }
this is a test
this is a second test
aaaa
有木有大神,能够解释下,谢啦~
回复讨论(解决方案)
可能原因:
1.没有给body定义宽度和高度,无法得到是谁的80%.
2.非标准html不识别百分比,标准的是xhtml.
如果觉得《CSS+DIV 的宽度和高度的自适应问题【HTML】》对你有帮助,请点赞、收藏,并留下你的观点哦!