如何将div horizo​​ntaly添加到父div [英] how to add div horizontaly to parent div

问题描述

我的代码是..

my code is..

#MMainUploadDiv
      {
         position: relative;
      width: 900px;
      height: 300px;
     overflow-x:scroll;
      background-color:Red;
      }


      #MainUploadDiv
      {
        position: relative; visibility: visible; left: 0px; top: 0px; height:300px;


      }

       .ChildUploadDiv
      {
        background-color: White;
        height:270px;
        width:250px;
        float:left;
        margin:10px;
      }

html代码是

html code is

<div id="MMainUploadDiv">
               <div id="MainUploadDiv">
              <div class="ChildUploadDiv"></div>
              <div class="ChildUploadDiv"></div>
              <div class="ChildUploadDiv"></div>
              <div class="ChildUploadDiv"></div>
               </div>
               </div>

但是div不会水平添加..我想将水平滚动条添加到父div ...

but div is not added horizontal..i want horizotnal scroll bar to parent div...

推荐答案

我通常使用jQuery来解决此问题(因为我可以看到它"某种旋转木马):

I usually use jQuery to overcome this problem (because I can see it''s some kind of carousel):

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>

(功能() { var w = 0 ;

(document).ready(function() { var w = 0;

( #MainUploadDiv"ChildUploadDiv" ).each( function () {w + =

("#MainUploadDiv .ChildUploadDiv").each(function(){ w +=

这篇关于如何将div horizo​​ntaly添加到父div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！