Question

我在我的网站上使用了基本jQuery滑块（http://www.basic-slider.com）：http://www.bizgamesstudios.com/

我的目标是将滑块向左浮动，以使下方的子弹点与滑块并排放置。但是，当应用float：left时，滑块会折叠。

有关如何在不改变滑块外观的情况下执行此操作的任何想法？

由于

Answer 1

将这些属性应用于.featureList：

float: right;
margin-top: -300px;
margin-right: -80px;

Answer 2

您的幻灯片放映设置了最大宽度，但未设置实际宽度。一旦它向左浮动，你的#content就不会影响幻灯片的高度。

将#content的高度，＃slideshow的宽度和#width添加到功能列表中应该可以正常工作。

试试这个CSS：

#slideshow {
    width: 600px;
    float: left;
    }

.featureList {
    width: 300px;
    float: left;
    }

#content {
    margin: 0 auto;
    padding: 25px 0;
    box-shadow: 0 2px 10px rgba(0,0,0,0.25);
    background: #fff;
    height: 600px;
    }

Answer 3

由于您的网站是固定宽度，您可以添加宽度并向右浮动：

.featureList {
    width: 530px;
    float: right;
}

另外，将#slideshow上的最大宽度更改为宽度：

#slideshow {
  width: 600px;
}

最后，您需要将clearfix类添加到＃game1 div

浮动基本jQuery滑块

3 个答案: