设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 萌新训练营 › 萌新交流区 › CSS-margin负值
返回列表 发新帖
查看: 4830|回复: 0

[学习笔记] CSS-margin负值

[复制链接]
King丨小义
发表于 2022-12-2 21:14:17 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

您需要 登录 才可以下载或查看，没有账号？立即注册

x
今天发现的一个很有趣的问题
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.   <meta charset="UTF-8">
  5.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.   <title>Document</title>
  8.   <style>
  9.     *{
  10.       margin: 0;
  11.       padding: 0;
  12.     }
  13.     div.box1{
  14.       width: 300px;
  15.       /* height: 200px; */
  16.       background-color: red;
  17.     }
  18.     div.box2{
  19.       width: 100px;
  20.       height: 150px;
  21.       background-color: greenyellow;
  22.     }
  23.     div.box3{
  24.       width:60px;
  25.       height: 50px;
  26.       background-color: aqua;
  27.       margin-top: -1px; /* 尝试变换这个值 */
  28.     }
  29.   </style>
  30. </head>
  31. <body>
  32. <div class="box1">
  33.   <div class="box2"></div>
  34.   <div class="box3"></div>
  35. </div>
  36. <p>这是一段文字</p>
  37.   
  38. </body>
  39. </html>
复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-4-23 01:40

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表