Question

http://madeinmayhem.com/是我遇到问题的网站。

我的问题是，在添加产品后，“我的购物车”下拉列表。我在其中一个下拉列表中遇到列表项目时出现问题。

基本上我需要它做的是在一行中水平列出信息，对于下拉列表中的按钮。在这种情况下，它是一个产品，它的图像，名称，数量和成本在一条线上。但它在宽度或其他方面遇到了麻烦，因此信息堆积在下面。

我已经尝试在阳光下改变它上面的所有内容，但无法弄清楚它为什么这样做。如果我将cart_list ul从position：absolute更改为relative，那么它会很好地扩展它，但它会弄乱父链接。

有什么想法吗？

Answer 1

将来，请发布一个JSBin。

示例：http://jsbin.com/atELAhat/1/edit?css,output

需要添加宽度以容纳内容。

/* added */
ul.cart_list > li {width:300px}