图片包括任何的标签都是不能默认绝对居下的,都是需要通过css样式控制的,这个就要用到定位。给img添加一个绝对定位position:absoluteleft:0bottom:0也需要给它的某个父级添加一个相对定位。
img标签是向网页中嵌入一幅图像。
注意,从技术上讲,<img>标签并不会在网页中插入图像,而是从网页上链接图像。<img>标签创建的是被引用图像的占位空间。
<img>标签有两个必需的属性:src 属性 和 alt 属性。
二楼说的甚是我来帮你完整解决一下残留的问题吧
两种解决方法
先说原因吧,原因就是LOGO是通过背景图片导入的
#header {
background:url("../../templates/teakiagy/images/logo.jpg") no-repeat scroll 100px 50% transparent
height:100px
margin-bottom:0
overflow:hidden
}
#header {
background:none repeat scroll 0 0 #373A3C
border-bottom:0 solid #373A3C
margin-bottom:8px
min-width:980px
width:100%
而怪就怪在你有两份儿#header。宽度是执行的第二个width:100%,而不是980px,就不会随着下面的内容一起居中。
所以,解决方法就是
一,更改为width:980px
二,重新写hmtl中logo的代码,你可以写一个<span class="logo">logo</span>,CSS代码 .logo{display:block背景图片地址指向logo,宽度,高度大小与logo一致,}
显然第一种方法简单……
加油