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

下面代码为什么margin-bottom以及margin-right不起作用啊?

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>填充</title>

<style type="text/css">

#box1,#box2{

    width:100px;

    height:100px;

    

    border:1px solid red;

    /*display:inline;*/

}

#box2{

    margin:5px 15px 10px 15px;

}

</style>

</head>

<body>

<div id="box1">盒子1

    <div id="box2">盒子2</div>

</div>

</body>

</html>


正在回答

2 回答


<head>


#box2{

margin-top: 10px;

margin-bottom: 100px;

}

</style>

</head>

<body>

<div id="box1">盒子1</div>

<div id="box2">盒子2</div>

</body>

这样写

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

你在盒子里面嵌套了盒子

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

慕勒9389563 提问者

那为什么margin-top以及margin-left起作用了呢?
2020-03-21 回复 有任何疑惑可以回复我~
#2

霍洛夫斯基 回复 慕勒9389563 提问者

把margin:5px 15px 10px 15px;删了后 margin-top以及margin-left单独写可以的
2020-03-21 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

下面代码为什么margin-bottom以及margin-right不起作用啊?

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