Question

我已使用Animate.css创建左右幻灯片。我无法弄清楚为什么幻灯片加起来看不见的宽度。你们任何人可以帮助我吗？

http://jsfiddle.net/itsnamitashetty/CKgX8/1/

        <style>
            body{
                margin:0;
                padding:0;
            }

            #animationentry{
                width:100%;
                height:700px;
                margin:0;
                padding:0;
                background:green;
                display:block;
            }
            #cww_bg{
                display:block;
                float:left;
                width:50%;
                background:red;
            }
            #crw_bg{
                display:block;
                float:left;
                width:50%;
                background:yellow;
            }
        </style>

        <link type="text/css" rel="stylesheet" href="css/animate.css">

    </head>

    <body>
        <div id="animationentry">

        <div id="crw_bg" class="animated slideInLeft">
            <img src="images/crw.jpg">
        </div>

        <div id="cww_bg" class="animated slideInRight">
            <img src="images/cww.jpg">
        </div>

        </div>
    </body>
</html>

Answer 1

小提琴：http://jsfiddle.net/CKgX8/2/

将overflow: hidden;添加到#animationentry

#animationentry{ overflow: hidden;}

滑动左右宽度超过

1 个答案: