CSS设计一个响应式三栏布局
发布时间
阅读量：
阅读量
以下内容重点阐述了如何运用多种语法版本，构建一个能够适配各类设备及浏览器的灵活页面。
核心代码示例如下:
<style type='text/css'>
.page-wrap {
display:-webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.main-content{
-webkit-box-ordinal-group:2;
-moz-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
width:60%;
-moz-box-flex: 1;
background:white;
}
.main-nav{
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
-webkit-box-flex: 1;全部评论 (0)
还没有任何评论哟~