inline-block 的 div 为什么撑开父元素会有上下空白啊？就是 inline-block 元素没把父元素上下顶满 - V2EX

Home Sign Up Sign In

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

This topic created in 3097 days ago, the information mentioned may be changed or developed.

<div class="parent" style="background-color:blue;">
<div style="background-color:red;width:100px;height:100px;display:inline-block;">
1</div><div style="background-color:yellow;width:150px;height:100px;margin-top:20px;display:inline-block;">
2</div>
</div>

4 replies • 2017-11-26 19:59:47 +08:00

1

ipwx

Nov 26, 2017

你不都是 height:100px 嘛

2

ipwx

Nov 26, 2017

1

而且就算没有 height，为啥要顶满？

3

aaronlam

Nov 26, 2017

1

确定不是这个再搞鬼吗？ margin-top:20px

4

zenxds

Nov 26, 2017

vertical-align: top/middle

About · Help · Advertise · Blog · API · FAQ · Solana · 1002 Online Highest 6679 ·

Select Language

创意工作者们的社区

World is powered by solitude

VERSION: 3.9.8.5 · 39ms · UTC 22:19 · PVG 06:19 · LAX 15:19 · JFK 18:19
♥ Do have faith in what you're doing.