为了账号安全,请及时绑定邮箱和手机立即绑定

为什么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>


正在回答

3 回答

<!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 回复 有任何疑惑可以回复我~
#1

狂四郎 提问者

不是,我是想里面的盒子距大盒子顶部50px;
2017-01-04 回复 有任何疑惑可以回复我~
#2

狂四郎 提问者

非常感谢!
2017-01-05 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~
#1

狂四郎 提问者

我是想问为什么定位之后才可以,其实加一个浮动也行,我就想知道为什么我这样直接写不行?
2017-01-04 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~
#1

qq_明明_10

希望可以帮助到你
2017-01-04 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

为什么margin-top不能用

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信