css如何将图片绝对居左下

html-css016

css如何将图片绝对居左下,第1张

绝对居左下的方式:

图片包括任何的标签都是不能默认绝对居下的,都是需要通过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一致,}

显然第一种方法简单……

加油