.one{width:80%; font-size:em(设置自体的大小,em可以让自体根据浏览器不同而更加优与阅读);}
.two{width:20%;font-size:em;}
注:通过这样设置,就可能拉动浏览器,盒模型的宽度就会随着你的拉动而变大缩小,但也是有一定限度的。
关于div的用法
1、
2、
如果用 id 或 class 来标记
3、
不必为每一个
可以对同一个
你说的是流体布局,这种布局的难度相对较高,因为都是百分比值,之前设计开始也要考虑周到,对于自体的大小,每个版块的值都要考虑在内。
举个例子,
CSS实现div随着网页的大小变化而变化,首先我们需要了解div的width和height的属性设置,有一个auto参数,就是代表的是随着内容的大小而改变,浏览器缩小,自然div的宽度就会减小,高度就会有所增加,具体看下代码:
我是测试文字
简单,用width:auto; height:auto;不过,在这个DIV结束前,加一个
,不然不能自动增长(有些浏览器)百分比可以,但就像前面网友说的,超过一个限度,内容就会错位