html - インラインブロックギャップを削除する方法

Question

2 つの div をインラインで表示したい。1 つの div は 25%、もう 1 つは 75% です。

display: inline-block; 

2 つの div の間にギャップが生じているようで、明らかに 75% の div がダウンしています。

ギャップを取り除くにはどうすればよいですか？私が使用した：

vertical-align: top; 

これでトップギャップが取り除かれました...あとはサイドギャップだけです。

ここjsfiddleを参照してください。

Answer 1

ティムは正しいです。マージンを作成する空白です。

それに対する別の解決策は、 to を追加しmargin-right: -4px、更新された fiddle.grid_oneを確認することです。