Question

I have a collection of divs being brought into a parent div (which is inside a popup container) dynamically. Sometimes there s only 1 and sometimes there are 6. For anything over 3 child divs, I want the parent to have a scroll bar HORIZONTALLY. The problem is that the child divs wrap instead of continuing on.

实际工作如下:

<div class="container">
  <div class="parent-container">
    <div class="parent">
      <div class="child"></div>
      <div class="child"></div>
      <div class="child"></div>
      <div class="child"></div>
    </div>
  </div>
</div>

.container {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #0486A0;
    border-radius: 10px 0 0 10px;
    display: none;
    height: 450px;
    min-width: 300px;
    position: absolute;
    right: 315px;
    top: 407px;
    z-index: 2000000;}

.parent-container{    
    float: left;
    max-width: 670px;
    overflow: auto;}

.parent {
    display: block;
    width: -moz-max-content;}

.child {    
    width: 200px;
    float: left;
    }

BUT

通知: 我之所以能够这样做,是因为这只是在德国的工程。 Max-width不工作。

TL;DR: 是否有一个最多接触点,因此,我不必在我的亲人上指定固定住所?

Answer 1

您可能对<代码>overal-y: scrollcs 规则感兴趣。

http://www.w3schools.com/cssref/pr_pos_overflow.asp%3a”rel=“nofollow”here。

Answer 2

不应成为问题

your container should have a maximum width say 800px (set overflow: auto;) i d suggest having another div "childContainer" to contain the child divs

when a child is successfully loaded (on $.ajax.success), use jquery to update the width of #childContainer (something like)

$("#childContainer").width($("#childContainer").width() + $(child).width());

但是,你必须跟踪你装载的碎片数量。但是,这将允许你在集装箱内动态地大小四伏。

友情链接