display:box的兼容性问题？ 10
请问，display:box除了存在兼容性问题，还有今天在ff下测试,结果是margin:0auto在display:-moz-box的情况下，是失效的。。。可不可以认为...
请问，display:box除了存在兼容性问题，还有今天在ff下测试,结果是margin:0 auto在display:-moz-box的情况下，是失效的。。。可不可以认为做pc端网站用弹性盒子就是找死？
也就是说只有在做手机端的情况下，才能用弹性盒子的方法,对吗？
*{margin:0;padding:0;}
.div1{width:100%; background:red;}
.div1 div.div2{width:80%; height:200px; background:green; border:5px solid blue; display:box; margin:0 auto;display:-webkit-box;display:-moz-box;}
.div1 .div2 div.dia{box-flex:1;-moz-box-flex:1;-webkit-box-flex:1; background:black;}
.div1 .div2 div.dib{box-flex:2;-moz-box-flex:2;-webkit-box-flex:2; background:#ffcc99;}
.div1 .div2 div.dic{box-flex:3;-moz-box-flex:3;-webkit-box-flex:3; background:#cc99ff;}
</style>
</head>
<body>
<div class="div1">
<div class="div2">
<div class="dia">1</div>
<div class="dib">2</div>
<div class="dic">3</div>
</div>
</div>
那怎么解决pc端3个盒子并排的情况？用百分比的话，不是太好。。。 展开
也就是说只有在做手机端的情况下，才能用弹性盒子的方法,对吗？
*{margin:0;padding:0;}
.div1{width:100%; background:red;}
.div1 div.div2{width:80%; height:200px; background:green; border:5px solid blue; display:box; margin:0 auto;display:-webkit-box;display:-moz-box;}
.div1 .div2 div.dia{box-flex:1;-moz-box-flex:1;-webkit-box-flex:1; background:black;}
.div1 .div2 div.dib{box-flex:2;-moz-box-flex:2;-webkit-box-flex:2; background:#ffcc99;}
.div1 .div2 div.dic{box-flex:3;-moz-box-flex:3;-webkit-box-flex:3; background:#cc99ff;}
</style>
</head>
<body>
<div class="div1">
<div class="div2">
<div class="dia">1</div>
<div class="dib">2</div>
<div class="dic">3</div>
</div>
</div>
那怎么解决pc端3个盒子并排的情况？用百分比的话，不是太好。。。 展开
1个回答
展开全部
三列布局，要想兼容老版本浏览器 可以参考这篇文章：
http://www.cnblogs.com/stay-foolish/archive/2013/05/19/3080200.html
http://www.cnblogs.com/stay-foolish/archive/2013/05/19/3080200.html
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
