把承载logo的容器的height值改的和图片的高度一致就可以了。
例如,logo大小为150px * 50px:
<!-- html部分 -->
<h1><a href="http://www.163.com">个人网站</a></h1>
/* CSS 部分 */
h1 { width: 150pxheight:50px}
h1 a { display:blockwidth:150pxheight:50pxtext-indent:-30px}
换成了150px * 65px 的就把CSS 部分h1和h1 a 里面的height改成65px 就可以了。
CSS样式可能会是这个样子的:body{background:#999}#container{
width:960px
background:#fff
margin:20px auto
padding:10px
} 下面是一个效果预览: 设置为相对定位,当我们定位logo的时候,我们希望它的位置是相对于容器的,因此使用相对定位:
#container{
width:960px
background:#fff
margin:20px auto
padding:10px
position:relative
} 将它定位到盒子的外面现在你需要做的就仅仅是定位logo,将其水平定位,让它从容器中突出出来。
#logo{position:absolute