は、私はどこにでも見てきたと私はすべての可能な解決策が、何をしようとした表示インラインブロック

Question

に下のスペースを削除します。

私の中に別のdivとスクロールのdivを作っています。私は "display：inline-block"と書いたとき、各divは右と下のマージンを加えます。私は右余白（同じコード行で各divを書く）を削除することができますが、また、私は下の余白を削除する必要があります。どうやってやるの？ここで

私のHTMLとCSSコード：https://jsfiddle.net/1ykbj8b4/

HTML：

<div id="contenedor"> 
    <div class="imagen" style="background-color:blue"></div> 
    <div class="imagen" style="background-color:green"></div> 
    <div class="imagen" style="background-color:orange"></div> 
    <div class="imagen" style="background-color:brown"></div> 
    <div class="imagen" style="background-color:red"></div> 
</div> 

CSS：

body { 

    margin: 0; 

} 

#contenedor { 

    width: 500px; 
    white-space: nowrap; 
    overflow-x: auto; 
    overflow-y: hidden; 
    background-color: black; 

} 

.imagen { 

    width: 120px; 
    height: 120px; 
    display: inline-block; 

} 

はあなたのすべてをありがとう！

Answer 1

は.imagen

body { 
 
    margin: 0; 
 
} 
 

 
#contenedor { 
 
    width: 500px; 
 
    white-space: nowrap; 
 
    overflow-x: auto; 
 
    overflow-y: hidden; 
 
    background-color: black; 
 
} 
 

 
.imagen { 
 
    vertical-align: top; 
 
    width: 120px; 
 
    height: 120px; 
 
    display: inline-block; 
 
}

<div id="contenedor"> 
 
    <div class="imagen" style="background-color:blue"></div> 
 
    <div class="imagen" style="background-color:green"></div> 
 
    <div class="imagen" style="background-color:orange"></div> 
 
    <div class="imagen" style="background-color:brown"></div> 
 
    <div class="imagen" style="background-color:red"></div> 
 
</div>