保持div溢出

如何讓這兩個溢出？我嘗試了幾乎所有的東西，所以我不知道該從哪裏出發。 div s標有綠色和橙色。保持div溢出

#stemplingerclass { 
 
    clear: both; 
 
    max-width: 100%; 
 

 
} 
 

 
#datoid 
 
{ 
 

 
    clear: both; 
 
    max-width: 100%; 
 
}

<div class="col-sm-10"> 
 
    <div class="col-md-3 col-sm-3 col-xs-10 text-center" style="background-color: green;" > 
 
     <div id="datoid"> 
 

 

 
     </div> 
 
     </div> 
 

 
     <div class="col-md-7 col-sm-7 col-xs-10" style="background-color: orange;"> 
 
     <div id="stemplingerclass"> 
 

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

來源

2016-12-02 Mathias Rønnow Nørtoft

你試過'overflow-y：hidden;'？和btw你的代碼片段doesent工作... – weinde

更新你的代碼在小提琴 –

overflow-y：hidden;給我「相同」的結果，它只是使日曆部分可滾動。 –

只需添加display: flex;到容器這兩個divs。如果你想讓孩子不要伸展，也可以將align-items: flex-start;添加到你的容器中。

來源

2016-12-02 07:46:51

#greenpart{ 
 
    display: inline-block; 
 
width:49%; 
 
    overflow: scroll; 
 
    } 
 

 
    #orangepart{ 
 
     display: inline-block; 
 

 
width:49%; 
 
    overflow: scroll; 
 

 
    }

<div id="greenpart" class="col-md-3 col-sm-3 col-xs-10 text-center" style="background-color: green;" > 
 
      <div id="datoid"> 
 

 
    test1 
 
      </div> 
 
      </div> 
 

 
      <div id="orangepart"class="col-md-7 col-sm-7 col-xs-10" style="background-color: orange;"> 
 
      <div id="stemplingerclass"> 
 
    test2 
 
      </div> 
 
      </div>

來源

2016-12-02 07:18:07 alifallahi

沒有工作，在對方下面顯示了2列。 –


             
   
    
    #datoid { 
 
    width: 50%; 
 
    height: 100px; 
 
    float: left; 
 
    background-color: inherit; 
 
    overflow: scroll; 
 
} 
 

 
#stemplingerclass { 
 
    width: 50%; 
 
    height: 100px; 
 
    float: right; 
 
    background-color: inherit; 
 
    overflow: scroll; 
 
} 
    <div class="col-sm-10"> 
 
     <div class="col-md-3 col-sm-3 col-xs-10 text-center" style="background-color: green;" > 
 
      <div id="datoid"> 
 

 

 
      </div> 
 
      </div> 
 

 
      <div class="col-md-7 col-sm-7 col-xs-10" style="background-color: orange;"> 
 
      <div id="stemplingerclass"> 
 

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

來源

2016-12-02 07:42:49 Kritika

回答

相關問題