如何使两个div并排排列？[重复]-Howtomaketwodivalignsidebyside?[duplicate]

9  

You need to add display: inline-block on the elements you wish to align side by side, as div elements have a default style of display: block, meaning they will stack vertically instead of horizontally (not the behaviour you want).

您需要在要并排排列的元素上添加display：inline-block，因为div元素具有默认的display：block形式，这意味着它们将垂直堆叠而不是水平堆叠（不是您想要的行为）。

From the looks of it; the shopping cart box is too wide to fit side by side in the content container as well. Make the div with the id centre wider (possibly to 1000px instead of 960px), and coupled with the addition of changing the display property, that should do it.

从它的外观;购物车盒太宽，也不能并排放在内容容器中。使id中心的div更宽（可能为1000px而不是960px），再加上更改显示属性，应该这样做。

In terms of the code you need to write directly in order to get this to change, do the following:

就您需要直接编写的代码而言，要进行更改，请执行以下操作：

#centre {
    width: 1000px;
}

.cartbox {
    display: inline-block;
}

EDIT: I modified these changes to your website locally and it appears to have worked.

编辑：我在本地修改了这些更改到您的网站，它似乎工作。

2  

add float:left to your css code in #jcart:

将float：left添加到#jcart中的css代码：

#jcart {
position:relative;
float:left
font-size:1.15em;
top:0;
margin:0 0 .75em;
}

1  

You can use display property to inline or inline-block as @Sam Holmes said

@Sam Holmes说，您可以使用display属性进行内联或内联阻止

or you can do something using float. like this:

或者你可以使用浮点数做一些事情。喜欢这个：

.cartbox div{
    float:left;
}

or

要么

.cartbox div{
     display:inline;// or display:inline-block;
}

here is the Demo

这是演示

1  

It is because you don't have enough space in the parent Divs. I tried to set it to 10px and it allinged fine.

这是因为您在父Div中没有​​足够的空间。我试着将它设置为10px并且它很好。