参见英文答案 >
Align <div> elements side by side3个
我一直试图让两个div并排浮动或基本上是购物车和物品(即jcart和cartBox),但似乎无法得到它.这是演示: link
@H_404_14@解决方法
我一直试图让两个div并排浮动或基本上是购物车和物品(即jcart和cartBox),但似乎无法得到它.这是演示: link
我试过改变浮动:对;在cartBox css但只会将购物车移到右边,如果我移除了cartBox css上的浮动..购物车和物品并排排列但是由于某种原因,购物车看起来很小而且“添加”购物车“按钮似乎没有点击.任何帮助将不胜感激!
HTML:
<form method="post" action="" class="jcart"> <fieldset> // item details here </fieldset> </form> <div class='cartBox'> <div id="jcart"><?PHP $jcart->display_cart();?></div> <div id='jcart-loader'><img src='img/ajax-loader.gif' alt=''></div> </div>
CSS:
#jcart { position:relative; font-size:1.15em; top:0; margin:0 0 .75em; } .jcart { width:135px; margin:0 20px 20px 0; padding-top:20px; border:solid 2px #E5E5E5; float:left; background:#F0F0F0; text-align:center; } .cartBox { float:left; position:relative; top:0; width:500px; margin:0; padding:0; }