gpt4 book ai didi

html - 如何让两个div并排对齐?

转载 作者:太空狗 更新时间:2023-10-29 14:03:27 28 4
gpt4 key购买 nike

<分区>

我一直在尝试让两个 div 并排 float ,或者基本上让购物车和商品(即 jcart 和 cartbox) float ,但似乎无法实现。这是演示:link

我尝试更改购物车 css 上的 float:right; 但这只会将购物车向右移动,如果我删除购物车 css 上的 float 。购物车和元素对齐并排但由于某种原因,购物车看起来非常小,“添加到购物车”按钮似乎没有点击。任何帮助将不胜感激!

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;
}

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com