css 如何让两个方块内容同时在一行显示？

Question

之前的两个方块是上下结构的，打开界面时，第一个显示，第二隐藏；
<div ng-controller="food_control" id="food_control" class="showPage" style="display: block">
<div ng-controller="fridgeInfo" class="showPage" style="display: none">
我现在想改下代码，让他们同时显示，并且都在同一行显示；

我改成下面的样子还是不行
<div ng-controller="food_control" id="food_control" class="showPage" style="display: inlline-block">
<div ng-controller="fridgeInfo" class="showPage" style="display: inline-block"> 还是上下排，不过都变小了

<div ng-controller="food_control" id="food_control" class="showPage" style="float:left">
<div ng-controller="fridgeInfo" class="showPage" style="float:left"> 只显示第一个方块，也变小了，靠左了；第二个看不见

Answer 1

两个都设float: left 是对的，不过你得保证两个div里面都有内容，或者设好width跟height

追问

这样就可以了吗？？？ 不行啊，我试了

追答

width=50% 是什么鬼，得用css来指定具体是多少px

追问

谢谢了，可以了，width：50％就可以了，width＝50％却不行