<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><body><div style="height:419px;width:192px;background:url(images/1263871225.jpg)"> <div style="margin-top:100px"> </div></div></body></html>
Use relative positioning
ie, firefox
defined, body The body sizes are different.
You need to first
body{
margin:0;
padding:0;
}
The outer layer will overlap without setting a border.
The outer layer overlaps without setting a border.
Keyword: Margins are invalid when layers are nested.
Use pading-top
Set overflow:hidden; in the parent element to solve the problem. If you have any questions, send them to the email address on the site and we will help you solve them tomorrow
Thank you, d945332077, brother, I found that float:left can also be used. This problem has troubled me for a long time. I have been working on the front end for a long time, and I think I am quite familiar with it. However, this problem makes me completely doubt whether I know div css, haha
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
