Div+css布局之<img>和<a>底部对齐

为什么80%的码农都做不了架构师？>>>   

  在使用div+css布局的时候，要控制好div的高度。典型例子：

  

<style type="text/css">

    #logo{

    float:left;
    height:48px;   
     
}

/*这里的logo 如果不设高，底部会留白
*/
  

  #nav{
    float:left;
    
    margin-top:28px;

}

    

</style>  

<div id="logo">

<img src="http://www.oschina.net/img/logo_s2.png">

</div>

<div id="nav">

<a>nav 1</a>

<a>nav 2</a>

<a>nav 3</a>

<a>nav 4</a>

</div>

ps：请问 现在html5那些标签会代替div+css布局么？

还有没有更好实现这个效果的办法？

诺有，请告知，感激不尽！

转载于:https://my.oschina.net/maner/blog/146052