实现不了浮动功能，请问问题出现在哪儿呢？

Question

  <!-----------------------滑动图片 start------------------------>

       <div style="background-color:#000; width:800px; height:350px; float:left">            <!--块3-->

            <div class="wp">

     <div class="main">

      <div class="mleft">

       <div class="banner1">

   <style type="text/css">

      .BannerBox { position: relative; width:800px; height:350px; overflow: hidden; z-index:0;}

      .BannerBox .pic img { width:800px; height:350px; display: block; }

      .BannerBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:10px; z-index:3}

      .BannerBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:25px; height:10px; cursor:pointer; overflow:hidden; background:#aaaaaa; margin-left:4px; filter:alpha(opacity=60); opacity:.6; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }

      .BannerBox .hd .on{ background:#fff; filter:alpha(opacity=20);opacity:20;}

  </style>

  <div class="BannerBox" style="margin:0 auto">

<ul class="pic">

<li><a  target="_blank" href=""><img src="images/psb (16).jpg"></a></li>

<li><img src="images/psb (18).jpg"/></li>

<li><a href="" target="_blank"><img src="images/psb (11).jpg"/></a></li>

<li><a href="" target="_blank"><img src="images/psb (4).jpg"/></a></li>

<li><img src="images/psb (3).jpg"/></li>

<li><img src="images/psb (2).jpg"></li>

</ul>

<ul class="hd">

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

<li></li>

</ul>

 </div>

<script type="text/javascript">

jQuery(".BannerBox").slide({ mainCell:".pic",effect:"left", autoPlay:true, delayTime:500,interTime:15000});

</script>

     <!-----------------------滑动图片 end------------------------>

    

    <!-------------------通知栏 start----------------------->

     </div>  <div style="background-color:#000; width:300px; height:350px; float:left; ">

<!-- 文字无缝上滚动 S -->

<div id="txtMarqueeTop" class="sideBox">

<div class="hd">

<h3><a href="#">班级通知</a></h3>

</div>

<div class="bd">

<ul> 

<li><span>2015-10</span><a href="#">文本</a></li>

<li><span>2015-10</span><a href="#"></a></li>

<li><span>2015-10</span><a href="#"></a></li>

</ul>

</div>

</div>

<script type="text/javascript">jQuery("#txtMarqueeTop").slide({ mainCell:"ul",autoPlay:true,effect:"topMarquee",interTime:50,vis:7  });</script>

</div> 

  <!------------------------通知栏 end-------------------------->

Answer 1

只要是写了浮动肯定是有效果的 看看审查元素 是不是哪里影响了