Home  >  Article  >  Web Front-end  >  How to implement that the image is always fixed at the bottom of the browser?_html/css_WEB-ITnose

How to implement that the image is always fixed at the bottom of the browser?_html/css_WEB-ITnose

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

css div image browser

As shown in the picture:

The bottom image "Spider-Man 3" is always close to the bottom of the browser, regardless of the size of the browser.
Can it be achieved using only DIV CSS?
Asking for expert advice!

Reply to the discussion (solution)

Just use div to display the image at the bottom

position:fixed;
bottom:0px;
Try

margin-bottom:-10px;

b61f42fb4006c3044a82d84ab33c8dfd

<img src="蜘蛛侠3.jpg" class="pic" />.pic{    position:fixed;    bottom:0px;    left:0px;}

<img src="蜘蛛侠3.jpg" class="pic" />.pic{    position:fixed;    bottom:0px;    left:0px;}

Correct answer

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