html5百分比,css百分比布局

请帮我看下为什么HTML5页面高度用百分比不能用

外面套的div

坚守“ 做人真诚 · 做事靠谱 · 口碑至上 · 高效敬业 ”的价值观，专业网站建设服务10余年为成都成都搬家公司小微创业公司专业提供成都企业网站定制营销网站建设商城网站建设手机网站建设小程序网站建设网站改版，从内容策划、视觉设计、底层架构、网页布局、功能开发迭代于一体的高端网站建设服务。

给这个div加个宽高。

百分比是指相对父元素来说的，如果你的父元素没有宽高，那个百分比也就不能起作用了。

在HTML5中如何设置屏幕百分比

!DOCTYPE html

html lang="en"

head

meta charset="UTF-8"

title景安/title

/head

style type="text/css"

.head{width: 1000px;height: 200px;margin:0 auto;}

.head-a{width: 30%;height: 200px;background: blue;float: left;}

.head-b{width: 70%;height: 200px;background: orange;float: right;}

/style

body

div class="head"

div class="head-a"/div

div class="head-b"/div

/div

/body

/html

我们可以使用width：30%和width：70%这样的形式来设置百分比

html5网页按比例缩放

meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/

上面的参数看名知意，按需修改。

web html5 百分之% 是怎么计算宽度 长度的方式

子标签的width=父标签的width*百分之%；

子标签的height=父标签的height*百分之%；

html5,有3个li，我宽度百分比设置，怎么撑满屏幕，还是JS设置，写33.333%不对吧

就是33.33333%，不是js设置，是css里面设置li的width: 33.3333%;

li要float: left;浮动后才能在一行，或者display: inline-block之类的。

网页标题：html5百分比,css百分比布局
URL分享：http://mswzjz.cn/article/dsgjppp.html