优艾设计网

为什么inline?

<style type="text/css"> body { background-color: #ececec; }.div-1 { width: 优艾设计网_设计LOGO500px; height: 500px; margin: 50px; border: 1px solid #000000; position: relative; } h1{ display: inline-block; background-color: aqua; }.div-2 { display: inline-block; width: 300px; height: 300px; background-color: #4169E1; } </style><body> <div class="div-1"> <h1>hello,world</h1> <div class="div-2"></div></div></body>

如图、我并没有给 h1 标签设置 margin,但是为什么它会在下面和 div 并排,而不是上面?


龙云龙 15小时前

优艾设计网_设计

这个跟vertical-align有关系。它的默认是是baseline, 把它改成top就好了http://codepen.io/jackpan/pen...


0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜