Home  >  Article  >  Web Front-end  >  图片始终固定在浏览器底部的实现方法?_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 12:24:532546browse

css div 图片 浏览器

如图:

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

回复讨论(解决方案)

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

position:fixed;
bottom:0px;
试试

margin-bottom:-10px;

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

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

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

正解

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn