div+css如何做页面的一行两列布局
发布网友
发布时间：2022-04-20 12:28
共1个回答
热心网友
时间：2022-04-06 11:53
.wrapper
{
width:
100%;
/*
也可以固定宽度
*/
height:
200px;
}
.wrapper
>
div
{
display:
inline-block;
/*
如需支持ie8以下版本，用浮动来做
*/
width:
calc(100%
/
3);
/*
此处运用了一个css3的表达式，将div三等分，ie8及以上可以支持，当然也可以根据需要设置固定值
*/
width:
-webkit-calc(100%
/3);
width:
-moz-calc(100%
/
3);
height:
100%;
}
以上经亲自测过，ie8+、chrome、firefox表现良好。
