Javascript ContentFlow-div最大宽度不工作

Javascript ContentFlow-div最大宽度不工作,javascript,html,css,contentflow,Javascript,Html,Css,Contentflow,我试图使用一个div而不是一个图片作为项目和内容,但它不能正确设置宽度。我希望它像图像一样工作 示例代码 <div class="ContentFlow"> <div class="loadIndicator"> <div class="indicator"></div> </div> <div class="flow"> <img class="item" src="http://cdnll.reallygo

我试图使用一个div而不是一个图片作为项目和内容,但它不能正确设置宽度。我希望它像图像一样工作

示例代码

<div class="ContentFlow">
<div class="loadIndicator">
    <div class="indicator"></div>
</div>
<div class="flow">
<img class="item" src="http://cdnll.reallygoodstuff.com/images/xl/161170_a.jpg" title="Your_Image_Title" />
    <img class="item" src="https://tse1.mm.bing.net/th?id=HN.607994144777177645&pid=1.7" />
    <img class="item" src="http://cdnll.reallygoodstuff.com/images/xl/161170_a.jpg" title="Your_Image_Title" />
    <!-- Add as many items as you like. -->
</div>
<div class="globalCaption"></div>
<div class="scrollbar">
    <div class="slider">
        <div class="position"></div>
    </div>
</div>
</div>
<div class="ContentFlow">
<div class="flow">
    <div class="item more-width">
        <div class="center-block club-card content" style="background-color: blue;">
            <div class="club-info-wrapper ">
                <div class="club-info ">
                     <h1 class=" club-name ">coffee</h1>

                    <p class="lead club-location "><strong>name</strong>

                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="item more-width">
        <div class="center-block club-card content" style="background-color: red; ">
            <div class="club-info-wrapper ">
                <div class="club-info ">
                     <h1 class="  club-name ">car wash</h1>

                    <p class="lead club-location "><strong>name</strong>

                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="item more-width">
        <div class="center-block club-card content" style="background-color: yellow;">
            <div class="club-info-wrapper ">
                <div class="club-info ">
                     <h1 class=" club-name ">foutain</h1>

                    <p class="lead club-location "><strong>name</strong>

                    </p>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

咖啡

名称

洗车

名称

福坦

名称


你能对你想要完成的事情做一些澄清吗?不清楚,对我有效,不超过520像素,注意额外的20像素是填充物,因此,如果这就是为什么你认为它不起作用,那么你需要改变你的盒子尺寸样式,使之像边框盒子一样活动的盒子我希望它的宽度为500px,然后当我滚动时,我希望它像正常一样收缩,而不是在新活动项目后面设置为500px。因此,当我滚动第二组仅仅是div时,我希望它们像现在最大宽度为500的图像那样增长和收缩,它们的宽度仅为151.125px;