方法一：
.a, .b {display: inline-block
width: 50%
border: 0
vertical-align:top /*靠上对齐*/
}
方法二：
.a, .b {float: left
width: 50%
border: 0
}
.parent:after { /*清除浮动*/
content: ''
display: block
clear: both
}
方法一看起来简单，但一般不建议使用行内块级元素（inline-block），容易出现一些让人摸不着头脑的错位问题。个人建议使用方法二。
你指的最上层是文字盖住下面其它的内容吗？如果是的话，在css放置文字的元素样式中加上一条z-index:1就可以了（假设所有的元素的z-index属性前面没设置过，如果设置过了，那么放置文字的元素样式z-index值设成比前面设的值大一点就可以了，值越大表示越上面）
