CSS下拉导航问题



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

我的问题是,一旦你添加了一个产品,"我的购物车"就会下拉。我的一个下拉列表中的列表项出现问题。

基本上,我需要它做的是在一行中水平列出信息,作为下拉列表中的一个按钮。在这种情况下,它是一个产品,它的形象,名称,数量和成本在一行。但它在宽度或其他方面有问题,所以信息被堆积在下面。

我试着在阳光下改变它的一切,但不明白它为什么这么做。如果我将cart_list-ul从position:absolute更改为relative,它会很好地扩展它,但会弄乱父链接。

有什么想法吗?

以后,请发布一个JSBin。

示例:http://jsbin.com/atELAhat/1/edit?css,输出

需要添加一个宽度来容纳内容。

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

相关内容

  • 没有找到相关文章

最新更新