为什么盒中填充内容box1不会居中，总是在盒子的一角？

源自：12-13 距离产生美 - 使用margin为盒子设置外边距（边界）

为什么盒中填充内容box1不会居中，总是在盒子的一角？

<!DOCTYPE HTML>

<html>

<head>

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

<title>边距</title>

<style type="text/css">

div{

width:300px;

height:300px;

border:1px solid red;

}

#box1{margin-bottom:30px;

}

</style>

</head>

<body>

<div id="box1">box1</div>

<div id="box2">box2</div>

</body>

</html>

提问者：weibo_聪明虾虾_0 2015-07-22 15:43

个回答

雨萱狮子座

2015-07-23 18:21:59

我的出现了哦，你在看看你的代码

0
雨萱狮子座

2015-07-22 17:18:48

要想居中可以使用 margin：0 auto；

0