显示：内联滚动溢出-y

Question

我无法将滚动设置为具有属性display: inline的此项目 我用white-space: nowrap尝试了但是没有用 在overflow

下重新定位height时

我没有任何改变，我问上面的第二个问题getilmente给我一个手

  

解决方案：

     

已使用inline-block

#Contenitore_Titoli
{
width: 1535px;
height: 30px;
line-height: 35px;
text-align: center;
}

.Elenco_Utenti
{
width: 360px;
height: 25px;
line-height: 25px;
float: left;
text-align: center;
}

.Elenco_Contatti_Whatsapp
{
width: 371px;
height: 25px;
line-height: 25px;
float: left;
text-align: center;
}

.Elenco_Contatti_Skype
{

width: 371px;
height: 25px;
line-height: 25px;
float: left;
text-align: center;


}

.Elenco_Contatti_Facebook
{

width: 371px;
height: 25px;
line-height: 25px;
float: left;
text-align: center;


}

.Contenitore_Lista_Contatti
{
border-top: 1px solid gray;
width: 1480;
height: 25px;
}

#Contatti
{
width: 360px;
height: 31px;
float: left;
color: red;
display: inline;
text-align: center;
}

#Contatti_Whatsapp_Titolo
{
width: 371px;
height: 31px;
color: red;
display: inline;
text-align: center;
float: left;
}

#Contatti_Skype_Titolo
{
width: 371px;
height: 31px;
color: red;
display: inline;
text-align: center;
float: left;
}

#Contatti_Facebook_Titolo
{
width: 371px;
height: 31px;
color: red;
display: inline;
text-align: center;
float: left;
}

#Contenuto_Lista_Guide_Div
{
display: inline;
overflow-y: scroll;
height: 637px
}

<div id="Contenitore_Titoli">
	<div id="Contatti">Nome Utente</div>
	<div id="Contatti_Whatsapp_Titolo">Whatsapp</div>
	<div id="Contatti_Skype_Titolo">Skype</div>
	<div id="Contatti_Facebook_Titolo">Facebook</div>
</div>
<div id="Contenuto_Lista_Guide_Div">
<div class="Contenitore_Lista_Contatti">
  <div class="Elenco_Utenti"> darkbit </div>
  <div class="Elenco_Contatti_Whatsapp"> 345956254</div>
  <div class="Elenco_Contatti_Skype"> pipposkype </div>
  <div class="Elenco_Contatti_Facebook">facebook</div>
</div>
</div>

Answer 1

设置 高度 后，您需要使用CSS属性 溢出 进行滚动。

例如，编写如下的类：

.aClass{
  height: 250px;
  overflow: scroll;    
}

您可以在此处看到溢出 属性 ：http://www.w3schools.com/cssref/pr_pos_overflow.asp