html5百分比,css百分比布局

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

外面套的div

给这个div加个宽高。

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

相关问答

Q1: 在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%这样的形式来设置百分比

Q2: html5网页按比例缩放

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

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

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

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

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

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

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

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