CSS布局查询

Question

我试图在页面上放置几个元素。

<div id='select'></div> // red div 
<h5>Subheader</h5> 
<div id='image'>Example of a DIV element with a background image:</div> // green div 

https://jsfiddle.net/xqt4aosx/2/

第一个“红格”，现在坐在这里我想要的，但是当我尝试将子头和“绿格”，他们似乎是在页面中向下较低位置。

理想情况下，红色div的底部和子标题之间不应该有这样的差距。子标题和Green div之间的差距很好。

任何想法如何解决这个问题。

感谢

Answer 1

额外的空间被top: -90px;在你的jsfiddle创建。

我修改了你的红框风格&把窗体漂浮在左边，我想这会给你以后的结果。

#form{ 
    float:left; 
} 

#select { 
    background-repeat: no-repeat; 
    text-align: center; 
    border: 2px solid #d90036; 
    width: 176px; 
    height: 175px; 
    margin-left:160px; 
} 

为副标题中的间距然后可以使用在h5标记为正常