Rumah > hujung hadapan web > html tutorial > 图片始终固定在浏览器底部的实现方法?_html/css_WEB-ITnose

图片始终固定在浏览器底部的实现方法?_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-24 12:24:53
asal
2668 orang telah melayarinya

css div 图片 浏览器

如图:

底部的图片"蜘蛛侠3",始终紧靠浏览器底部,无论浏览器的大小尺寸是多少.
仅用DIV+CSS能实现吗?
求教高手!

回复讨论(解决方案)

直接使用div让图片据底部显示就行了

position:fixed;
bottom:0px;
试试

margin-bottom:-10px;

图片始终固定在浏览器底部的实现方法?_html/css_WEB-ITnose

<img  class="pic lazy"  src="/static/imghw/default1.png"  data-src="蜘蛛侠3.jpg"    / alt="图片始终固定在浏览器底部的实现方法?_html/css_WEB-ITnose" >.pic{    position:fixed;    bottom:0px;    left:0px;}
Salin selepas log masuk
Salin selepas log masuk

<img  class="pic lazy"  src="/static/imghw/default1.png"  data-src="蜘蛛侠3.jpg"    / alt="图片始终固定在浏览器底部的实现方法?_html/css_WEB-ITnose" >.pic{    position:fixed;    bottom:0px;    left:0px;}
Salin selepas log masuk
Salin selepas log masuk

正解

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan