Wedding Dresses Outlet

博百优很久没介绍CSS知识了，上次推荐完CSS书籍之后呢，今天给大家带来的的弹性布局。弹性布局是相对于字号而不是浏览器宽度来设置元素的宽度。通过以em为单位设置宽度，可以确保在字号增加时候整个布局随之扩大。这可以将行长保持在可阅读的范围，对于视力弱或有认知障碍的人尤其有用。

弹性布局的缺点

1.不能充分利用可用空间。

2.因为在文本字号增加时候整个布局会加大，所以弹性布局会变得比浏览器窗口宽，导致水平滚动条出现。

创建弹性布局比创建流体布局容易得多，技巧是设置基字号，让1em大致相当于10像素。

大多数浏览器上的默认字号是16像素，10像素大约是16像素的62.5%，所以在主题上将字号设置为62.5%

body{

font-size:62.5%;

}

因为在使用默认字号时1em现在相当于10像素，所以可以将所有像素宽度转换为em宽度，从而将固定宽度布局转换为弹性布局。

#wrapper{

width:72em;

margin:0 auto;

text-align:left;

}

#mainNav{

width:18em;

float:left;

}

#content{

width:52em;

float:right;

}

#mainContent{

width:32em;

float:left;

}

#secondaryContent{

width:18em;

float:right;

}