logo

CSS3弹性盒模型

2011/11/20 20:43:07 | Tag: CSS3, HTML, WEB | Hits: 1065 | Comments: 0

Css3引入了新的盒模型——弹性盒模型,该模型决定一个盒子在其他盒子中的分布方式以及如何处理可用的空间。这与XUL(火狐使用的用户交互语言)相似,其它语言也使用相同的盒模型,如XAML  、GladeXML。

使用该模型,可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。本文的例子使用以下的HTML代码:


1.<body>

2.  <div id="box1">1</div>

3.  <div id="box2">2</div>

4.  <div id="box3">3</div>

Copyright 2013 © SkyIMG.cn. All Rights Reserved. | 京ICP备05063919号