问答详情
源自：12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）

为什么margin-top不能用

<!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" />

<title>无标题文档</title>

<style>

*{margin:0;padding:0}

#box1{width:200px;height:200px;background:red;}

#box2{width:100px;height:100px;background:yellow;margin-top:50px}

</style>

</head>


<body>

<div id="box1">

      <div id="box2">fsbhsrndtyjntm

       </div>

</div>

</body>

</html>


提问者：狂四郎 2017-01-04 13:58

个回答

  • Alex_cK
    2017-01-04 14:17:39
    已采纳

    <!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" />

    <title>无标题文档</title>

    <style>

    *{margin:0;padding:0}

    #box1{width:200px;height:200px;background:red;position:relative;}

    #box2{width:100px;height:100px;background:yellow;margin-top:50px;position:absolute;}

    /*你是要这种效果吗？*/

    </style>

    </head>


    <body>

    <div id="box1">

          <div id="box2">fsbhsrndtyjntm

           </div>

    </div>

    </body>

    </html>


    0
  • Alex_cK
    2017-01-04 15:15:20

    这段代码你测试一下，就是你说的那种效果啊，box2现在距离box1顶部50px，你看下吧

    0
  • qq_明明_10
    2017-01-04 14:09:23

    应该加一个position:absolute 在box2的格式中

    0