第一种：百分比。使用均分的百分比宽度。
第二种：css3弹性布局。父级给定宽度display:flexflex-direction:row子元素全部设置flex:1；
是用DIV-CSS吗?那么在右边的那个DIV的CSS当中加上float:left这句方法如下
.right{width:50%float:leftheight:100%}
然后加入右边的DIV中就可以了方法如下
<div class="right">.....</div>
这样2个DIV就左右而不是上下了
要等分就把2个的wide都设置成50%
图片和文章你应该会加的,自己加吧
<div class="wrapper"><div></div><!-- 此处的注释为去掉换行符的影响
--><div></div><!--
--><div></div>
</div>
.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表现良好。
